mirror of
https://github.com/beak-insights/felicity-lims.git
synced 2025-02-25 01:13:01 +08:00
32 lines
855 B
Vue
32 lines
855 B
Vue
<script setup lang="ts">
|
|
import { defineAsyncComponent } from "vue";
|
|
const SideBar = defineAsyncComponent(
|
|
() => import("@/components/nav/NavigationAside.vue")
|
|
)
|
|
const HeaderMain = defineAsyncComponent(
|
|
() => import("@/components/nav/NavigationMain.vue")
|
|
)
|
|
const Notification = defineAsyncComponent(
|
|
() => import("@/components/notification/FelNotification.vue")
|
|
)
|
|
</script>
|
|
|
|
<template>
|
|
<div class="bg-gray-100 font-roboto antialiased">
|
|
<div class="flex flex-row">
|
|
<div class="min-h-screen bg-sky-800">
|
|
<side-bar />
|
|
</div>
|
|
<div class="flex-1">
|
|
<header-main />
|
|
<main class="px-8 pt-4 overflow-y-scroll overscroll-contain">
|
|
<slot />
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <footer-main><slot /></footer-main> -->
|
|
|
|
<notification />
|
|
</template>
|
|
|