forked from geolba/tethys.backend
- second commit
This commit is contained in:
parent
4fc3bb0a01
commit
59a99ff3c8
61 changed files with 2625 additions and 1182 deletions
|
@ -1,33 +1,37 @@
|
|||
<script lang="ts" setup>
|
||||
import { LayoutService } from '@/Stores/layout.js'
|
||||
import { StyleService } from '@/Stores/style'
|
||||
import NavBar from '@/Components/NavBar.vue'
|
||||
import AsideMenu from '@/Components/AsideMenu.vue'
|
||||
import FooterBar from '@/Components/FooterBar.vue'
|
||||
import { LayoutService } from '@/Stores/layout';
|
||||
import { StyleService } from '@/Stores/style';
|
||||
import NavBar from '@/Components/NavBar.vue';
|
||||
import AsideMenu from '@/Components/AsideMenu.vue';
|
||||
import FooterBar from '@/Components/FooterBar.vue';
|
||||
|
||||
const styleService = StyleService()
|
||||
const styleService = StyleService();
|
||||
|
||||
const layoutService = LayoutService()
|
||||
const layoutService = LayoutService();
|
||||
|
||||
// defineProps({
|
||||
// defineProps({
|
||||
// user: {
|
||||
// type: Object,
|
||||
// default: () => ({}),
|
||||
// }
|
||||
// });
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div :class="{ 'dark': styleService.darkMode, 'overflow-hidden lg:overflow-visible': layoutService.isAsideMobileExpanded }">
|
||||
<div
|
||||
:class="{ 'ml-60 lg:ml-0': layoutService.isAsideMobileExpanded }"
|
||||
class="pt-14 xl:pl-60 min-h-screen w-screen transition-position lg:w-auto bg-gray-50 dark:bg-slate-800 dark:text-slate-100"
|
||||
:class="{
|
||||
'dark': styleService.darkMode,
|
||||
'overflow-hidden lg:overflow-visible': layoutService.isAsideMobileExpanded,
|
||||
}"
|
||||
>
|
||||
<NavBar :class="{ 'ml-60 lg:ml-0': layoutService.isAsideMobileExpanded }" />
|
||||
<AsideMenu />
|
||||
<slot></slot>
|
||||
<FooterBar />
|
||||
<div
|
||||
:class="{ 'ml-60 lg:ml-0': layoutService.isAsideMobileExpanded }"
|
||||
class="pt-14 xl:pl-60 min-h-screen w-screen transition-position lg:w-auto bg-gray-50 dark:bg-slate-800 dark:text-slate-100"
|
||||
>
|
||||
<NavBar :class="{ 'ml-60 lg:ml-0': layoutService.isAsideMobileExpanded }" />
|
||||
<AsideMenu />
|
||||
<slot></slot>
|
||||
<FooterBar />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<script setup>
|
||||
import { StyleService } from '@/Stores/style.js';
|
||||
import { StyleService } from '@/Stores/style';
|
||||
const styleService = StyleService();
|
||||
</script>
|
||||
|
||||
|
|
Loading…
Add table
editor.link_modal.header
Reference in a new issue