diff options
Diffstat (limited to 'app/src')
| -rw-r--r-- | app/src/lib/components/Navigation.svelte | 14 | ||||
| -rw-r--r-- | app/src/routes/+layout.svelte | 14 | ||||
| -rw-r--r-- | app/src/routes/truncate/+page.svelte | 2 |
3 files changed, 19 insertions, 11 deletions
diff --git a/app/src/lib/components/Navigation.svelte b/app/src/lib/components/Navigation.svelte index b058c1d..469f73f 100644 --- a/app/src/lib/components/Navigation.svelte +++ b/app/src/lib/components/Navigation.svelte @@ -1,8 +1,8 @@ <script lang="ts"> import { page } from '$app/stores' - import { base } from "$app/paths"; + import { base } from '$app/paths' - import "iconify-icon"; + import 'iconify-icon' import { AppRail, AppRailAnchor, getDrawerStore } from '@skeletonlabs/skeleton' @@ -23,20 +23,20 @@ {#if menu} <AppRailAnchor on:click={drawerClose} title="Close Menu" value={0} href="javascript:;"> <svelte:fragment slot="lead"> - <iconify-icon icon="carbon:menu" width="25" /> + <iconify-icon icon="carbon:menu" width="25"></iconify-icon> </svelte:fragment> Close Menu </AppRailAnchor> {/if} </svelte:fragment> <AppRailAnchor - href="{base}" + href={base} selected={$page.url.pathname === base} on:click={drawerClose} title="Homepage" > <svelte:fragment slot="lead"> - <iconify-icon icon="carbon:home" width="35" /> + <iconify-icon icon="carbon:home" width="35"></iconify-icon> </svelte:fragment> Home! </AppRailAnchor> @@ -47,7 +47,7 @@ title="Truncate Files" > <svelte:fragment slot="lead"> - <iconify-icon icon="carbon:page-break" width="35" /> + <iconify-icon icon="carbon:page-break" width="35"></iconify-icon> </svelte:fragment> Truncate! </AppRailAnchor> @@ -59,7 +59,7 @@ title="Source Code" > <svelte:fragment slot="lead"> - <iconify-icon icon="carbon:logo-github" width="35" /> + <iconify-icon icon="carbon:logo-github" width="35"></iconify-icon> </svelte:fragment> Source! </AppRailAnchor> diff --git a/app/src/routes/+layout.svelte b/app/src/routes/+layout.svelte index 8f0a99f..22e7fae 100644 --- a/app/src/routes/+layout.svelte +++ b/app/src/routes/+layout.svelte @@ -1,6 +1,7 @@ <script lang="ts"> import Navigation from '$lib/components/Navigation.svelte' - import "iconify-icon" + import { Locusts } from '@locusts/svelte' + import 'iconify-icon' import { AppBar, AppShell, @@ -49,9 +50,16 @@ <AppBar> <svelte:fragment slot="lead"> <div class="flex items-center"> - <button class="md:hidden btn btn-sm mr-4" on:click={drawerOpen} title="Menu" type="button"> - <iconify-icon icon="carbon:menu" width="25" /> + <button + class="md:hidden btn btn-sm mr-4" + on:click={drawerOpen} + title="Menu" + type="button" + aria-label="Menu" + > + <iconify-icon icon="carbon:menu" width="25"></iconify-icon> </button> + <Locusts /> <strong class="text-xl uppercase">Nothing</strong> </div> </svelte:fragment> diff --git a/app/src/routes/truncate/+page.svelte b/app/src/routes/truncate/+page.svelte index a0f1452..6315cb6 100644 --- a/app/src/routes/truncate/+page.svelte +++ b/app/src/routes/truncate/+page.svelte @@ -65,7 +65,7 @@ > <svelte:fragment slot="lead"> <div class="flex justify-center items-center"> - <iconify-icon icon="carbon:file-storage" width="50" /> + <iconify-icon icon="carbon:file-storage" width="50"></iconify-icon> </div> </svelte:fragment> <svelte:fragment slot="meta">Drop a file here to truncate it.</svelte:fragment> |