1 files changed, 30 insertions, 0 deletions
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>