🚀 Initial sveltekit app

2024-03-28 01:04:52 +01:00
parent 23806e366b
commit 0acbb4c83a
85 changed files with 6096 additions and 0 deletions
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import TopBar from '$lib/components/TopBar.svelte';
+    import Menu from './menu.svelte';
+    import '../app.css';
+
+    let menuOpen = false;
+</script>
+
+<TopBar />
+
+<svelte:head>
+	<title>{$page.data.title}</title>
+</svelte:head>
+
+<div class="drawer lg:drawer-open">
+    <input id="main-menu" type="checkbox" class="drawer-toggle" bind:checked={menuOpen} />
+    <div class="drawer-content flex flex-col">
+        <!-- Status bar content here -->
+        <!-- <Statusbar /> -->
+
+        <!-- Main page content here -->
+        <slot />
+    </div>
+    <!-- Side Navigation -->
+    <div class="drawer-side z-30 shadow-lg">
+        <label for="main-menu" class="drawer-overlay" />
+        <Menu
+            on:menuClicked={() => {
+                menuOpen = false;
+            }}
+        />
+    </div>
+</div>