diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-12-03 13:52:57 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-12-03 13:52:57 +0900 |
| commit | 5fe2e8a59a7b45a76fb4e87ea306732301b5c36f (patch) | |
| tree | 140c8396bdf4e4beabc2f926eff2ecc7fe5e9e3a /packages/client/src/components/global | |
| parent | client: tweak ui (diff) | |
| download | sharkey-5fe2e8a59a7b45a76fb4e87ea306732301b5c36f.tar.gz sharkey-5fe2e8a59a7b45a76fb4e87ea306732301b5c36f.tar.bz2 sharkey-5fe2e8a59a7b45a76fb4e87ea306732301b5c36f.zip | |
client: tweak ui
Diffstat (limited to 'packages/client/src/components/global')
| -rw-r--r-- | packages/client/src/components/global/spacer.vue | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/client/src/components/global/spacer.vue b/packages/client/src/components/global/spacer.vue index 417282ad12..45481a2c8d 100644 --- a/packages/client/src/components/global/spacer.vue +++ b/packages/client/src/components/global/spacer.vue @@ -7,7 +7,7 @@ </template> <script lang="ts"> -import { defineComponent, onMounted, onUnmounted, ref } from 'vue'; +import { defineComponent, inject, onMounted, onUnmounted, ref } from 'vue'; export default defineComponent({ props: { @@ -33,7 +33,13 @@ export default defineComponent({ const root = ref<HTMLElement>(); const content = ref<HTMLElement>(); const margin = ref(0); + const shouldSpacerMin = inject('shouldSpacerMin', false); const adjust = (rect: { width: number; height: number; }) => { + if (shouldSpacerMin) { + margin.value = props.marginMin; + return; + } + if (rect.width > props.contentMax || rect.width > 500) { margin.value = props.marginMax; } else { |