Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: expanded

Browse source
This commit is contained in:
mattyatea 2024-02-01 00:36:13 +09:00
parent 35c66cb66e
commit a46d816dc5
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/frontend/src/components/MkFoldableSection.vue
View file

@ -14,10 +14,10 @@ SPDX-License-Identifier: AGPL-3.0-only
</button>
</header>
<Transition
:enterActiveClass="defaultStore.state.animation ? 'folder-toggle-enter-active' : ''"
:leaveActiveClass="defaultStore.state.animation ? 'folder-toggle-leave-active' : ''"
:enterFromClass="defaultStore.state.animation ? 'folder-toggle-enter-from' : ''"
:leaveToClass="defaultStore.state.animation ? 'folder-toggle-leave-to' : ''"
:enterActiveClass="defaultStore.state.animation ? $style.folder_toggle_enter_active : ''"
:leaveActiveClass="defaultStore.state.animation ? $style.folder_toggle_leave_active : ''"
:enterFromClass="defaultStore.state.animation ? $style.folder_toggle_enter_from : ''"
:leaveToClass="defaultStore.state.animation ? $style.folder_toggle_leave_to : ''"
@enter="enter"
@afterEnter="afterEnter"
@leave="leave"
@ -100,18 +100,18 @@ onMounted(() => {
</script>
<style lang="scss" module>
.folder-toggle-enter-active {
.folder_toggle_enter_active {
overflow-y: clip;
transition: opacity 0.5s, height 0.5s !important;
}
.folder-toggle-leave-active {
.folder_toggle_leave_active {
overflow-y: clip;
transition: opacity 0.5s, height 0.5s !important;
}
.folder-toggle-enter-from {
.folder_toggle_enter_from {
opacity: 0;
}
.folder-toggle-leave-to {
.folder_toggle_leave_to {
opacity: 0;
}
.root {