diff options
| author | Owen Jacobson <owen@grimoire.ca> | 2024-10-10 21:51:10 -0400 |
|---|---|---|
| committer | Owen Jacobson <owen@grimoire.ca> | 2024-10-10 21:52:26 -0400 |
| commit | 215b0c5cb2ff0ef0b2c7b5549704e23d651a4df9 (patch) | |
| tree | 356484ce699539f2937b768d1a1c9b83f0c7a402 /ui/routes/+layout.svelte | |
| parent | 4401dce2b5545ce8117818812d8e3c8919f5f7fd (diff) | |
Hoist the UI one step up further
Diffstat (limited to 'ui/routes/+layout.svelte')
| -rw-r--r-- | ui/routes/+layout.svelte | 30 |
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> |