From 215b0c5cb2ff0ef0b2c7b5549704e23d651a4df9 Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Thu, 10 Oct 2024 21:51:10 -0400
Subject: Hoist the UI one step up further

---
 ui/routes/+layout.svelte | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 ui/routes/+layout.svelte

(limited to 'ui/routes/+layout.svelte')

diff --git a/ui/routes/+layout.svelte b/ui/routes/+layout.svelte
new file mode 100644
index 0000000..7b99d62
--- /dev/null
+++ b/ui/routes/+layout.svelte
@@ -0,0 +1,30 @@
+<script>
+  import { AppBar } from '@skeletonlabs/skeleton';
+  import "../app.css";
+
+  import { currentUser } from '$lib/store';
+  import LogOut from '$lib/components/LogOut.svelte';
+</script>
+
+<div id="app">
+    <AppBar>
+        <svelte:fragment slot="lead">🌳</svelte:fragment>
+            <a href="/">understory</a>
+        <svelte:fragment slot="trail">
+            {#if $currentUser}
+                <LogOut />
+            {/if}
+        </svelte:fragment>
+    </AppBar>
+
+    <slot />
+</div>
+
+<style>
+    #app {
+        margin: 0;
+        padding: 1rem;
+        height: 100vh;
+        width: 100%;
+    }
+</style>
-- 
cgit v1.2.3

