diff options
Diffstat (limited to 'app')
-rw-r--r-- | app/package.json | 3 | ||||
-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 | ||||
-rw-r--r-- | app/svelte.config.js | 4 | ||||
-rw-r--r-- | app/vite.config.ts | 2 |
6 files changed, 24 insertions, 15 deletions
diff --git a/app/package.json b/app/package.json index 663192c..4664cd1 100644 --- a/app/package.json +++ b/app/package.json @@ -7,6 +7,7 @@ "@floating-ui/dom": "1.6.12" }, "devDependencies": { + "@locusts/svelte": "^0.0.1", "@skeletonlabs/skeleton": "2.10.3", "@skeletonlabs/tw-plugin": "0.4.0", "@sveltejs/adapter-auto": "3.3.1", @@ -51,4 +52,4 @@ "preview": "vite preview" }, "type": "module" -}
\ No newline at end of file +} 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> diff --git a/app/svelte.config.js b/app/svelte.config.js index bdf69e1..00e320d 100644 --- a/app/svelte.config.js +++ b/app/svelte.config.js @@ -11,8 +11,8 @@ const config = { kit: { adapter: adapter(), paths: { - base: process.env.NODE_ENV === "production" ? "/trinkets" : "", - } + base: process.env.NODE_ENV === 'production' ? '/trinkets' : '', + }, }, } export default config diff --git a/app/vite.config.ts b/app/vite.config.ts index 2f648d9..a79d272 100644 --- a/app/vite.config.ts +++ b/app/vite.config.ts @@ -21,7 +21,7 @@ export default defineConfig({ manifest: { name: "RossTheRoss' Personal Tools", short_name: 'Random Dumping Ground', - description: 'A collection of tools I\'ve made', + description: "A collection of tools I've made", display: 'fullscreen', display_override: ['window-controls-overlay', 'standalone', 'minimal-ui'], icons: [ |