defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update responsive classes in Aside and Header components

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-05 08:38:33 +07:00
parent 9dcef310ae
commit 88d638e4a1
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/HomeView.vue
View File

@ -1,15 +1,15 @@
<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 md: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>