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[];