fix: load pane in daftar gangguan

This commit is contained in:
kur0nek-o
2024-04-01 14:23:12 +07:00
parent fd08049392
commit 10faa589a1
16 changed files with 84 additions and 37 deletions

View File

@ -1,17 +1,22 @@
<script setup lang="ts">
import MenuProvider from '@/components/Pages/MenuProvider.vue';
import Navigation from '@/components/Navigation/Navigation.vue';
import { useMenuStore } from '@/stores/menu';
import { RouterView } from 'vue-router';
import MenuProvider from '@/components/Pages/MenuProvider.vue'
import Navigation from '@/components/Navigation/Navigation.vue'
import { useMenuStore } from '@/stores/menu'
import { RouterView } from 'vue-router'
const menu = useMenuStore()
</script>
<template>
<Navigation />
<div
:class="['flex flex-col flex-1 h-[calc(100%-64px)] overflow-hidden bg-primary-50', 'transition-transform', menu.sidebarShowed ? 'transform duration-300 lg:pl-80' : 'transform duration-300 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 lg:pl-80' : 'transform duration-300 md:pl-4'
]"
>
<MenuProvider>
<RouterView />
</MenuProvider>
</div>
</template>
</template>