fix: header links not working when path is not /

rubenbupe · Aug 14, 2024 · dbc2a20 · dbc2a20
1 parent 5b79369
commit dbc2a20
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -12,9 +12,9 @@ type Props = {
 const { class: className } = Astro.props;
 
 const links = [
-    { href: "#about", text: "About" },
-    { href: "#jobs", text: "Experience" },
-    { href: "#projects", text: "Work" },
+    { href: "/#about", text: "About" },
+    { href: "/#jobs", text: "Experience" },
+    { href: "/#projects", text: "Work" },
     /*     { href: "/blog", text: "Blog" }, */
     { href: "/resume.pdf", text: "Resume", external: true },
 ];
@@ -90,7 +90,7 @@ const links = [
         <nav class="flex gap-4 items-center">
             <a
                 class="text-lg tracking-tight font-semibold mx-2 text-foreground"
-                href="#home"
+                href="/#home"
             >
                 <span class="text-foreground/70 mr-1 font-light">/</span
                 >rubenbupe
@@ -162,7 +162,7 @@ const links = [
             <div class="flex items-center">
                 <a
                     class="text-lg tracking-tight font-semibold mx-2 text-foreground"
-                    href="#home"
+                    href="/#home"
                 >
                     <span class="text-foreground/70 mr-1 font-light">/</span
                     >rubenbupe