mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-21 13:23:07 +01:00
Code Issues Projects Releases Wiki Activity

fix: fixes mobile menu animation and flex (#3500)

Browse Source
This commit is contained in:
Amir Raminfar
2025-01-02 11:04:12 -08:00
committed by GitHub
parent 0f9071944f
commit 7f12f01267
3 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/components/common/MobileMenu.vue
View File

@@ -18,8 +18,8 @@
</div>
<transition name="fade">
<div v-show="show" class="h-[calc(100vh-60px)] overflow-auto">
<SideMenu />
<div v-show="show" class="flex h-[calc(100vh-60px)] overflow-auto">
<SideMenu class="flex-1" />
</div>
</transition>
</nav>
@@ -35,17 +35,13 @@ watch(route, () => {
});
</script>
<style scoped lang="postcss">
li.exited {
@apply opacity-50;
}
.fade-enter-active,
.fade-leave-active {
@apply transition-opacity;
}
.fade-enter-active .menu,
.fade-leave-active .menu {
.fade-enter-active > div,
.fade-leave-active > div {
@apply transition-transform;
}
@@ -54,9 +50,9 @@ li.exited {
@apply opacity-0;
}
.fade-enter-from .menu,
.fade-leave-to .menu {
@apply -translate-y-2;
.fade-enter-from > div,
.fade-leave-to > div {
@apply -translate-y-10;
}
.logo {