Create component Navbar

kokoaespol · Aug 4, 2024 · da81f13 · da81f13
1 parent 0d5d033
commit da81f13
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 9 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,6 @@
+{
+    "editor.formatOnSave": true,
+    "editor.formatOnType": false,
+    "notebook.formatOnSave.enabled": true,
+    "editor.formatOnPaste": false
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -2,23 +2,18 @@
 	import "../app.postcss";
 	import { Toaster } from "svelte-sonner";
 	import { page } from "$app/stores";
+	import Navbar from "./components/Navbar.svelte";
 
 	let { children } = $props();
 </script>
 
 
-
 <svelte:head>
 	<title>{$page.data.title} - KOKOA</title>
 	<meta name="description" content={$page.data.description} />
 </svelte:head>
 
-<nav>
-	<a href="/">Inicio</a>
-	<a href="/eventos">Eventos</a>
-	<a href="/proyectos">Proyectos</a>
-	<a href="/contacto">Contacto</a>
-	<a href="/miembros">Miembros</a>
-</nav>
-<!--<Toaster richColors closeButton />-->
+<Navbar/>
+
+<Toaster richColors closeButton />
 {@render children()}
diff --git a/src/routes/components/Navbar.svelte b/src/routes/components/Navbar.svelte
@@ -0,0 +1,7 @@
+<nav>
+	<a href="/">Inicio</a>
+	<a href="/events">Eventos</a>
+	<a href="/projects">Proyectos</a>
+	<a href="/contact">Contacto</a>
+	<a href="/member">Miembros</a>
+</nav>