prime8dev

commit dc2291ad22902e6e30261a262b935a794ac32f4a
parent 66fcf3a721db53c2424fcd169a90f4e45b18bc99
Author: Damian Myrda <damian@prime8.dev>
Date:   Wed, 21 Jan 2026 17:23:32 -0600

fix: adjust layout to respect fixed header height

Diffstat:
M
web/src/components/Header.astro
 | 
3
++-
M
web/src/layouts/Layout.astro
 | 
2
+-
M
web/src/pages/blog/[slug].astro
 | 
3
++-
M
web/src/pages/experience/[id].astro
 | 
3
++-
M
web/src/pages/projects/[id].astro
 | 
3
++-

5 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/web/src/components/Header.astro b/web/src/components/Header.astro
@@ -32,7 +32,8 @@
     top: 0;
     left: 0;
     right: 0;
-    z-index: 10;
+    width: 100%;
+    z-index: 100;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
diff --git a/web/src/layouts/Layout.astro b/web/src/layouts/Layout.astro
@@ -218,7 +218,7 @@ const ogImage = image
   #app {
     display: flex;
     flex-direction: column;
-    height: 100vh;
+    height: calc(100vh - 36px - 24px);
     opacity: 0;
   }
 
diff --git a/web/src/pages/blog/[slug].astro b/web/src/pages/blog/[slug].astro
@@ -63,7 +63,8 @@ const keywords = blog.tags?.join(", ");
     max-width: 720px;
     margin: 0 auto;
     padding: 40px 24px;
-    min-height: 100vh;
+    padding-top: 24px;
+    min-height: calc(100vh - 36px);
   }
 </style>
 
diff --git a/web/src/pages/experience/[id].astro b/web/src/pages/experience/[id].astro
@@ -146,7 +146,8 @@ const description = `${experience.role} at ${experience.company}. ${experience.d
     max-width: 800px;
     margin: 0 auto;
     padding: 40px 24px;
-    min-height: 100vh;
+    padding-top: 24px;
+    min-height: calc(100vh - 36px);
   }
 
   .back-btn {
diff --git a/web/src/pages/projects/[id].astro b/web/src/pages/projects/[id].astro
@@ -104,7 +104,8 @@ const metadata = await fetchGitMetadataForProject(project);
     max-width: 800px;
     margin: 0 auto;
     padding: 40px 24px;
-    min-height: 100vh;
+    padding-top: 24px;
+    min-height: calc(100vh - 36px);
   }
 
   .back-btn {