diff options
| author | Owen Jacobson <owen@grimoire.ca> | 2024-11-03 21:47:30 -0500 |
|---|---|---|
| committer | Owen Jacobson <owen@grimoire.ca> | 2024-11-03 21:47:30 -0500 |
| commit | 65381f49cc9abce98c1c63c399fdcfc8ce76c3f5 (patch) | |
| tree | e0b1eea57aa8b431aa83e2efc4577c12d3cc2b29 /ui/routes/+layout.svelte | |
| parent | 30fa0c4c1faece6b054105fe3cce5107f24a2fa2 (diff) | |
| parent | f38881f3253b3a128154ffd95655859e3dc629dc (diff) | |
Merge remote-tracking branch 'origin/wip/actually-configure-prettier'
Diffstat (limited to 'ui/routes/+layout.svelte')
| -rw-r--r-- | ui/routes/+layout.svelte | 66 |
1 files changed, 33 insertions, 33 deletions
diff --git a/ui/routes/+layout.svelte b/ui/routes/+layout.svelte index e0355dd..0477195 100644 --- a/ui/routes/+layout.svelte +++ b/ui/routes/+layout.svelte @@ -1,46 +1,46 @@ <script> - import { onNavigate } from '$app/navigation'; - import '../app.css'; - import logo from '$lib/assets/logo.png'; + import { onNavigate } from '$app/navigation'; + import '../app.css'; + import logo from '$lib/assets/logo.png'; - import { AppBar } from '@skeletonlabs/skeleton'; - import { showMenu, currentUser } from '$lib/store'; + import { AppBar } from '@skeletonlabs/skeleton'; + import { showMenu, currentUser } from '$lib/store'; - import CurrentUser from '$lib/components/CurrentUser.svelte'; + import CurrentUser from '$lib/components/CurrentUser.svelte'; - function toggleMenu() { - showMenu.update((value) => !value); - } + function toggleMenu() { + showMenu.update((value) => !value); + } - onNavigate(() => { - showMenu.update(() => false); - }); + onNavigate(() => { + showMenu.update(() => false); + }); </script> <div id="app" class="m-0 p-0 h-vh w-full"> - <div class="w-full"> - <AppBar class="app-bar"> - <svelte:fragment slot="lead"> - <button on:click|preventDefault={toggleMenu} class="cursor-pointer"> - <img class="w-8 h-8" alt="logo" src={logo} /> - </button> - </svelte:fragment> - <a href="/">understory</a> - <svelte:fragment slot="trail"> - {#if $currentUser} - <CurrentUser /> - {/if} - </svelte:fragment> - </AppBar> - </div> + <div class="w-full"> + <AppBar class="app-bar"> + <svelte:fragment slot="lead"> + <button on:click|preventDefault={toggleMenu} class="cursor-pointer"> + <img class="w-8 h-8" alt="logo" src={logo} /> + </button> + </svelte:fragment> + <a href="/">understory</a> + <svelte:fragment slot="trail"> + {#if $currentUser} + <CurrentUser /> + {/if} + </svelte:fragment> + </AppBar> + </div> - <slot /> + <slot /> </div> <style> - #app { - margin: 0; - height: 100vh; - width: 100%; - } + #app { + margin: 0; + height: 100vh; + width: 100%; + } </style> |