From 50b54a37d52a3659742d16e4257e78a7cd8a29b4 Mon Sep 17 00:00:00 2001 From: Bart van der Braak Date: Mon, 20 Nov 2023 04:24:11 +0100 Subject: [PATCH] refactor: re-implment navbar and logo --- src/lib/assets/logo.svg | 17 +++++++++++++++++ src/lib/components/Header.svelte | 14 ++++++++------ src/lib/components/Navigation.svelte | 20 +++++++++++++------- src/routes/+layout.svelte | 6 +++--- static/icon.svg | 9 --------- static/logo.svg | 1 - 6 files changed, 41 insertions(+), 26 deletions(-) create mode 100644 src/lib/assets/logo.svg delete mode 100644 static/icon.svg diff --git a/src/lib/assets/logo.svg b/src/lib/assets/logo.svg new file mode 100644 index 0000000..d5d49fb --- /dev/null +++ b/src/lib/assets/logo.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte index 4f3a888..76454af 100644 --- a/src/lib/components/Header.svelte +++ b/src/lib/components/Header.svelte @@ -4,6 +4,7 @@ import GitHub from './icons/GitHub.svelte'; import Hamburger from './icons/Hamburger.svelte'; import LinkedIn from './icons/LinkedIn.svelte'; + import logo from '$lib/assets/logo.svg'; import routes from '$lib/routes'; import { page } from '$app/stores'; const drawerStore = getDrawerStore(); @@ -20,23 +21,24 @@ - + hellob.art logo diff --git a/src/lib/components/Navigation.svelte b/src/lib/components/Navigation.svelte index a6b60f3..27b554f 100644 --- a/src/lib/components/Navigation.svelte +++ b/src/lib/components/Navigation.svelte @@ -4,24 +4,30 @@ import { getDrawerStore } from '@skeletonlabs/skeleton'; const drawerStore = getDrawerStore(); - $: classesActive = (href: string) => - href === $page.url.pathname ? '!bg-secondary-500 text-indigo-100' : ''; + $: classesActive = (href: string) => (href === $page.url.pathname ? '!text-primary-700' : ''); export let routes: Route[];