diff options
Diffstat (limited to 'app')
| -rw-r--r-- | app/package.json | 3 | ||||
| -rw-r--r-- | app/src/lib/components/Navigation.svelte | 14 |
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> |