From 9b6643a7a240c5106c41fd2af69d7e8d8fa15bf8 Mon Sep 17 00:00:00 2001
From: Nabil Ould Hamou <ouldhamounabil@gmail.com>
Date: Fri, 16 Feb 2024 00:46:24 +0100
Subject: [PATCH] Fix navbar

---
 src/lib/Routes.ts                | 18 +++++++--------
 src/lib/components/Navbar.svelte | 39 +++++++++++++++++++-------------
 2 files changed, 32 insertions(+), 25 deletions(-)

diff --git a/src/lib/Routes.ts b/src/lib/Routes.ts
index 6899adc..916e609 100644
--- a/src/lib/Routes.ts
+++ b/src/lib/Routes.ts
@@ -1,12 +1,12 @@
 const routes = [
-    {
-        href: '/',
-        name: 'Home',
-    },
-    {
-        href: '/projects',
-        name: 'Projects',
-    },
+	{
+		href: '/',
+		name: 'Home'
+	},
+	{
+		href: '/projects',
+		name: 'Projects'
+	}
 ];
 
-export default routes;
\ No newline at end of file
+export default routes;
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index e420b65..3d6229e 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -1,19 +1,26 @@
 <script lang="ts">
-    import routes from '$lib/Routes'
-    import LightSwitch from "@/components/LightSwitch.svelte";
-    import HamburgerMenu from "@/components/HamburgerMenu.svelte";
-    export let path: string;
+	import routes from '$lib/Routes';
+	import LightSwitch from '@/components/LightSwitch.svelte';
+	import HamburgerMenu from '@/components/HamburgerMenu.svelte';
+	export let path: string;
 </script>
 
-<div class='h-14 w-full top-0 left-0 sticky flex justify-center items-center bg-background'>
-    <div class='pt-4 w-4/5 flex justify-between items-center'>
-        <a href="/" class="font-bold">nbiloh.me</a>
-        <div class='hidden sm:visible sm:flex items-center justify-between sm:gap-x-8 gap-x-4 font-medium text-lg text-muted-foreground'>
-            {#each routes as route}
-                <a class={`cursor-pointer ${path === route.href ? 'text-foreground' : 'hover:text-foreground'}`} href={route.href}>{route.name}</a>
-            {/each}
-        </div>
-        <HamburgerMenu path={path} />
-        <LightSwitch />
-    </div>
-</div>
\ No newline at end of file
+<div class="h-14 w-full top-0 left-0 sticky flex justify-center items-center bg-background">
+	<div class="pt-4 w-4/5 flex justify-between items-center">
+		<a href="/" class="font-bold">nbiloh.me</a>
+		<div
+			class="hidden sm:visible sm:flex items-center justify-between sm:gap-x-8 gap-x-4 font-medium text-lg text-muted-foreground"
+		>
+			{#each routes as route}
+				<a
+					class={`cursor-pointer ${
+						path == route.href ? 'text-foreground' : 'hover:text-foreground'
+					}`}
+					href={route.href}>{route.name}</a
+				>
+			{/each}
+		</div>
+		<HamburgerMenu {path} />
+		<LightSwitch />
+	</div>
+</div>