Refactor Navbar again (#46)

* Refactor Navbar again * Optimize SVGs
kokoaespol · Aug 6, 2024 · 534b29b · 534b29b
1 parent d296347
commit 534b29b
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 5 deletions.
diff --git a/src/lib/assets/images/logo.png b/src/lib/assets/images/logo.png
diff --git a/src/lib/assets/logos/gecko-code.svg b/src/lib/assets/logos/gecko-code.svg
diff --git a/src/lib/assets/logos/gecko.svg b/src/lib/assets/logos/gecko.svg
diff --git a/src/lib/components/layout/Navbar.svelte b/src/lib/components/layout/Navbar.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { page } from "$app/stores";
-	import logo from "$lib/assets/images/logo.png";
+	import gecko_code from "$lib/assets/logos/gecko-code.svg";
 
 	const current_path = $derived($page.url.pathname);
 
@@ -14,20 +14,20 @@
 </script>
 
 <nav class="flex items-center justify-between p-4">
-	<img src={logo} alt="Logo de Kokoa" width="40" height="40" />
+	<img src={gecko_code} alt="Logo de Kokoa" width="52.9" height="24.4" />
 	<div class="flex gap-x-8 text-lg">
 		{#each LINKS as { href, text } (href)}
-			<a {href} class="relative font-bold hover:underline">
+			<a {href} class="relative font-fira hover:underline">
 				<span
 					aria-hidden="true"
-					class="absolute -left-2 text-green-400 {current_path !== href ? 'hidden' : ''}"
+					class="absolute -left-3 text-lime-500 {current_path !== href ? 'hidden' : ''}"
 				>
 					{"{"}
 				</span>
 				{text}
 				<span
 					aria-hidden="true"
-					class="absolute -right-2 text-green-400 {current_path !== href ? 'hidden' : ''}"
+					class="absolute -right-3 text-lime-500 {current_path !== href ? 'hidden' : ''}"
 				>
 					{"}"}
 				</span>