aboutsummaryrefslogtreecommitdiffstats
path: root/app
diff options
context:
space:
mode:
Diffstat (limited to 'app')
-rw-r--r--app/package.json3
-rw-r--r--app/src/lib/components/Navigation.svelte14
2 files changed, 6 insertions, 11 deletions
diff --git a/app/package.json b/app/package.json
index 47d188d..833f8f7 100644
--- a/app/package.json
+++ b/app/package.json
@@ -7,8 +7,6 @@
"@floating-ui/dom": "1.6.5"
},
"devDependencies": {
- "@iconify/icons-carbon": "1.2.20",
- "@iconify/svelte": "4.0.2",
"@skeletonlabs/skeleton": "2.10.0",
"@skeletonlabs/tw-plugin": "0.4.0",
"@sveltejs/adapter-auto": "3.2.0",
@@ -29,6 +27,7 @@
"eslint-config-prettier": "9.1.0",
"eslint-plugin-svelte": "2.39.0",
"html-minifier-terser": "7.2.0",
+ "iconify-icon": "^2.1.0",
"postcss": "8.4.38",
"prettier": "3.2.5",
"prettier-plugin-svelte": "3.2.3",
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>