From 7d568e2746af0ec9e7bb403993d2fba554346b4f Mon Sep 17 00:00:00 2001
From: Jacob Hilker <jacob.hilker2@gmail.com>
Date: Sun, 26 Oct 2025 17:48:34 -0400
Subject: [PATCH 1/3] created MobileMenu

---
 src/components/MobileMenu.tsx | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/components/MobileMenu.tsx

diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
new file mode 100644
index 00000000..e69de29b

From 0c995bba40ad5dda2dd2ed9dc89398219bd9148e Mon Sep 17 00:00:00 2001
From: Jacob Hilker <jacob.hilker2@gmail.com>
Date: Wed, 29 Oct 2025 14:38:11 -0400
Subject: [PATCH 2/3] feat: update Nav component styles and enhance header
 layout in Page component

---
 src/components/Nav.tsx       | 6 +++---
 src/components/site/page.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index ee677d79..accd9c38 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -15,12 +15,12 @@ import {
 
 export default function Nav() {
     return (
-        <NavigationMenu className="bg-blue-500 h-full w-full">
+        <NavigationMenu className="w-full h-16">
 
-            <NavigationMenuList className="space-x-4 bg-red-500 h-full">
+            <NavigationMenuList>
 
                 {NAV_LINKS.map((link: Link) => (
-                    <NavigationMenuLink href={link.href} key={link.href} className="h-full">
+                    <NavigationMenuLink href={link.href} key={link.href} className="h-full text-base">
                         {link.name}
                     </NavigationMenuLink>
                 ))}
diff --git a/src/components/site/page.tsx b/src/components/site/page.tsx
index 15617f4e..629c5215 100644
--- a/src/components/site/page.tsx
+++ b/src/components/site/page.tsx
@@ -27,7 +27,7 @@ export default function Page(props: Props) {
     <SidebarProvider>
       <SiteSidebar />
       <SidebarInset>
-        <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
+        <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4 w-full ">
           
           <Nav />
           <Toggle x-on:click="darkMode = !darkMode">

From 509bc4675bc3860631e72fb8ca5013460445ecde Mon Sep 17 00:00:00 2001
From: Jacob Hilker <jacob.hilker2@gmail.com>
Date: Wed, 29 Oct 2025 14:53:26 -0400
Subject: [PATCH 3/3] fix: update import path for isNavLinkActive function in
 MobileMenu component

---
 src/components/navigation/MobileMenu.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/navigation/MobileMenu.astro b/src/components/navigation/MobileMenu.astro
index 6d81351e..b19c9205 100644
--- a/src/components/navigation/MobileMenu.astro
+++ b/src/components/navigation/MobileMenu.astro
@@ -1,6 +1,6 @@
 ---
 import { NAV_LINKS } from "~/consts";
-import { isNavLinkActive } from "~/lib/utils";
+import { isNavLinkActive } from "~/lib/blog";
 import NavLink from "~/components/navigation/NavLink.astro";
 import DropDown from "~/components/navigation/DropDown.astro";
 const pathname = new URL(Astro.request.url).pathname;