diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-03 10:46:56 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-03 10:46:56 +0900 |
| commit | 6c10588e77a0b328e33330e39f34756a3157ac7b (patch) | |
| tree | f28b4c7b7e6f364a8f8b8f8d97270d4eab9fca51 /packages/frontend/src/components/form | |
| parent | perf(client): use shallowRef for html element ref (diff) | |
| download | misskey-6c10588e77a0b328e33330e39f34756a3157ac7b.tar.gz misskey-6c10588e77a0b328e33330e39f34756a3157ac7b.tar.bz2 misskey-6c10588e77a0b328e33330e39f34756a3157ac7b.zip | |
refactor(client): refactor and performance improve of MkSpacer
Diffstat (limited to 'packages/frontend/src/components/form')
| -rw-r--r-- | packages/frontend/src/components/form/folder.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/frontend/src/components/form/folder.vue b/packages/frontend/src/components/form/folder.vue index 49d3bf93e1..40bbc97002 100644 --- a/packages/frontend/src/components/form/folder.vue +++ b/packages/frontend/src/components/form/folder.vue @@ -1,5 +1,5 @@ <template> -<div class="dwzlatin" :class="{ opened }" ref="root"> +<div class="dwzlatin" :class="{ opened }"> <div class="header _button" @click="toggle"> <span class="icon"><slot name="icon"></slot></span> <span class="text"><slot name="label"></slot></span> @@ -19,7 +19,7 @@ > <KeepAlive> <div v-show="opened"> - <MkSpacer :margin-min="14" :margin-max="22" :container="root"> + <MkSpacer :margin-min="14" :margin-max="22"> <slot></slot> </MkSpacer> </div> @@ -40,7 +40,6 @@ const props = withDefaults(defineProps<{ let opened = $ref(props.defaultOpen); let openedAtLeastOnce = $ref(props.defaultOpen); -let root = $shallowRef<HTMLElement>(); function enter(el) { const elementHeight = el.getBoundingClientRect().height; @@ -142,6 +141,7 @@ function toggle() { > .body { background: var(--panel); border-radius: 0 0 6px 6px; + container-type: inline-size; } &.opened { |