update aside

This commit is contained in:
Dede Fuji Abdul
2023-10-18 16:49:51 +07:00
parent f87bd5cc86
commit f4a881299f
3 changed files with 19 additions and 2 deletions

View File

@ -2,6 +2,7 @@
import MenuProvider from '@/components/Menus/MenuProvider.vue'
import Navigation from '@/components/Navigation.vue'
import { useMenuStore } from '@/stores/menu'
import { TransitionRoot } from '@headlessui/vue';
import { RouterView } from 'vue-router'
const menu = useMenuStore()
</script>
@ -9,7 +10,7 @@ const menu = useMenuStore()
<template>
<Navigation />
<div
:class="['flex flex-col flex-1 h-[calc(100%-64px)] overflow-hidden bg-primary-50', menu.sidebarShowed ? 'md:pl-80' : 'md:pl-4']">
:class="['flex flex-col flex-1 h-[calc(100%-64px)] overflow-hidden bg-primary-50', 'transition-transform', menu.sidebarShowed ? 'transform duration-300 md:pl-80' : 'transform duration-300 md:pl-4']">
<MenuProvider>
<RouterView />
</MenuProvider>