aboutsummaryrefslogtreecommitdiffstats
path: root/app/src/lib/components
diff options
context:
space:
mode:
Diffstat (limited to 'app/src/lib/components')
-rw-r--r--app/src/lib/components/Navigation.svelte14
1 files changed, 5 insertions, 9 deletions
diff --git a/app/src/lib/components/Navigation.svelte b/app/src/lib/components/Navigation.svelte
index 8bfb98f..b058c1d 100644
--- a/app/src/lib/components/Navigation.svelte
+++ b/app/src/lib/components/Navigation.svelte
@@ -2,11 +2,7 @@
import { page } from '$app/stores'
import { base } from "$app/paths";
- import Icon from '@iconify/svelte'
- import homeIcon from '@iconify/icons-carbon/home'
- import logoGithub from '@iconify/icons-carbon/logo-github'
- import menuIcon from '@iconify/icons-carbon/menu'
- import pageBreak from '@iconify/icons-carbon/page-break'
+ import "iconify-icon";
import { AppRail, AppRailAnchor, getDrawerStore } from '@skeletonlabs/skeleton'
@@ -27,7 +23,7 @@
{#if menu}
<AppRailAnchor on:click={drawerClose} title="Close Menu" value={0} href="javascript:;">
<svelte:fragment slot="lead">
- <Icon icon={menuIcon} width="25" />
+ <iconify-icon icon="carbon:menu" width="25" />
</svelte:fragment>
Close Menu
</AppRailAnchor>
@@ -40,7 +36,7 @@
title="Homepage"
>
<svelte:fragment slot="lead">
- <Icon icon={homeIcon} width="35" />
+ <iconify-icon icon="carbon:home" width="35" />
</svelte:fragment>
Home!
</AppRailAnchor>
@@ -51,7 +47,7 @@
title="Truncate Files"
>
<svelte:fragment slot="lead">
- <Icon icon={pageBreak} width="35" />
+ <iconify-icon icon="carbon:page-break" width="35" />
</svelte:fragment>
Truncate!
</AppRailAnchor>
@@ -63,7 +59,7 @@
title="Source Code"
>
<svelte:fragment slot="lead">
- <Icon icon={logoGithub} width="35" />
+ <iconify-icon icon="carbon:logo-github" width="35" />
</svelte:fragment>
Source!
</AppRailAnchor>