diff options
| author | Matt Strapp <matt@mattstrapp.net> | 2023-09-28 10:17:11 -0500 |
|---|---|---|
| committer | Matt Strapp <matt@mattstrapp.net> | 2023-09-28 10:17:11 -0500 |
| commit | 536df17c2e170f562e3c908f97f5a0579fdc69da (patch) | |
| tree | eb41d5f7ed9d400470c633c08d75ce2fef6d9efe /app/src/routes/+layout.svelte | |
| parent | Make the website less ugly, especially on mobile (diff) | |
| download | trinkets-536df17c2e170f562e3c908f97f5a0579fdc69da.tar trinkets-536df17c2e170f562e3c908f97f5a0579fdc69da.tar.gz trinkets-536df17c2e170f562e3c908f97f5a0579fdc69da.tar.bz2 trinkets-536df17c2e170f562e3c908f97f5a0579fdc69da.tar.lz trinkets-536df17c2e170f562e3c908f97f5a0579fdc69da.tar.xz trinkets-536df17c2e170f562e3c908f97f5a0579fdc69da.tar.zst trinkets-536df17c2e170f562e3c908f97f5a0579fdc69da.zip | |
Make everything look better again
Signed-off-by: Matt Strapp <matt@mattstrapp.net>
Diffstat (limited to 'app/src/routes/+layout.svelte')
| -rw-r--r-- | app/src/routes/+layout.svelte | 34 |
1 files changed, 14 insertions, 20 deletions
diff --git a/app/src/routes/+layout.svelte b/app/src/routes/+layout.svelte index 519a11d..1a15251 100644 --- a/app/src/routes/+layout.svelte +++ b/app/src/routes/+layout.svelte @@ -1,20 +1,20 @@ <script lang="ts"> - import { useRegisterSW } from 'virtual:pwa-register/svelte'; - import { pwaInfo } from 'virtual:pwa-info'; - import { onMount } from 'svelte'; + import Navigation from '$lib/svelte/Navigation.svelte'; + import Icon from '@iconify/svelte'; import { - AppShell, - AppBar, - getDrawerStore, - getToastStore, - initializeStores, - Toast, - Drawer + AppBar, + AppShell, + Drawer, + Toast, + getDrawerStore, + getToastStore, + initializeStores } from '@skeletonlabs/skeleton'; - - import Navigation from '$lib/svelte/Navigation.svelte'; - + import { onMount } from 'svelte'; + import { pwaInfo } from 'virtual:pwa-info'; + import { useRegisterSW } from 'virtual:pwa-register/svelte'; import '../app.postcss'; + // Floating UI for Popups // import { computePosition, autoUpdate, flip, shift, offset, arrow } from '@floating-ui/dom'; // import { storePopup } from '@skeletonlabs/skeleton'; @@ -75,13 +75,7 @@ <svelte:fragment slot="lead"> <div class="flex items-center"> <button class="lg:hidden btn btn-sm mr-4" on:click={drawerOpen}> - <span> - <svg viewBox="0 0 100 80" class="fill-token w-4 h-4"> - <rect width="100" height="20" /> - <rect y="30" width="100" height="20" /> - <rect y="60" width="100" height="20" /> - </svg> - </span> + <Icon icon="carbon:menu" width=25 /> </button> <strong class="text-xl uppercase">A!</strong> </div> |