mirror of
https://github.com/beak-insights/felicity-lims.git
synced 2025-02-24 08:53:00 +08:00
30 lines
871 B
Vue
30 lines
871 B
Vue
<script setup lang="ts">
|
|
import SideBar from "../components/nav/NavigationAside.vue";
|
|
import HeaderMain from "../components/nav/NavigationMain.vue";
|
|
import Notification from "../components/Notification.vue";
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<div class="h-screen 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
|
|
class="absolute top-3 left-[10%] px-2 flex justify-center content-center items-center bg-yellow-500 rounded animate-bounce">
|
|
<div class="">!! Felicity Preview !!</div>
|
|
</div>
|
|
</div>
|
|
<!-- <footer-main><slot /></footer-main> -->
|
|
|
|
<notification />
|
|
</template>
|
|
|