diff options
| author | Kit La Touche <kit@transneptune.net> | 2024-12-30 15:42:37 -0500 |
|---|---|---|
| committer | Kit La Touche <kit@transneptune.net> | 2024-12-30 15:42:37 -0500 |
| commit | 1859be064a5f3ea7e6e0188526b1b125dc1c77a7 (patch) | |
| tree | 857c1b2a9c24c3cbf48429d0b1a754f7a0fdaf6f /ui/routes/+layout.svelte | |
| parent | c6fbd21c27277dd76c4dbabf5f1bf24f58142a1a (diff) | |
Strip out Tailwind etc
Diffstat (limited to 'ui/routes/+layout.svelte')
| -rw-r--r-- | ui/routes/+layout.svelte | 19 |
1 files changed, 9 insertions, 10 deletions
diff --git a/ui/routes/+layout.svelte b/ui/routes/+layout.svelte index 26033e0..750f1f8 100644 --- a/ui/routes/+layout.svelte +++ b/ui/routes/+layout.svelte @@ -4,7 +4,6 @@ import '../app.css'; import logo from '$lib/assets/logo.png'; - import { AppBar } from '@skeletonlabs/skeleton'; import { currentUser } from '$lib/store'; let pageContext = $state({ @@ -24,20 +23,20 @@ let { children } = $props(); </script> -<AppBar padding="px-4 pt-0 pb-4"> - <svelte:fragment slot="lead"> - <button onclick={toggleMenu} class="cursor-pointer"> - <img class="w-8 h-8" alt="logo" src={logo} /> +<div class="app-bar"> + <div class="lead"> + <button onclick={toggleMenu}> + <img alt="logo" src={logo} /> </button> - </svelte:fragment> + </div> <a href="/">pilcrow</a> - <svelte:fragment slot="trail"> + <div class="trail"> {#if $currentUser} - <div class="rounded-full bg-secondary-400 px-3 py-1"> + <div> <a href="/me">@{$currentUser.username}</a> </div> {/if} - </svelte:fragment> -</AppBar> + </div> +</div> {@render children?.()} |