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