prime8dev

commit 9c92745ac4737cecf0687fb2005a13db6c6e09c6
parent 9a7942a0a7f133d3b3cad0560c7775a5d4820603
Author: Damian Myrda <damian@prime8.dev>
Date:   Wed, 21 Jan 2026 16:05:03 -0600

fix: make header and footer fixed on all platforms

Diffstat:
M
web/src/components/Footer.astro
 | 
13
+++++--------
M
web/src/components/Header.astro
 | 
6
++++--
M
web/src/layouts/Layout.astro
 | 
5
++++-

3 files changed, 13 insertions(+), 11 deletions(-)
diff --git a/web/src/components/Footer.astro b/web/src/components/Footer.astro
@@ -27,7 +27,11 @@ const { wakaTimeData } = Astro.props;
     padding: 0 12px;
     height: 24px;
     font-size: 12px;
-    flex-shrink: 0;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 10;
   }
 
   #statusbar .time {
@@ -41,11 +45,4 @@ const { wakaTimeData } = Astro.props;
   #statusbar .wakatime {
     color: var(--magenta);
   }
-
-  @media (max-width: 768px) {
-    #statusbar {
-      font-size: 11px;
-      padding: 0 10px;
-    }
-  }
 </style>
diff --git a/web/src/components/Header.astro b/web/src/components/Header.astro
@@ -28,8 +28,10 @@
     border-bottom: 1px solid var(--border);
     padding: 0 12px;
     height: 36px;
-    flex-shrink: 0;
-    position: relative;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
     z-index: 10;
     -webkit-user-select: none;
     -moz-user-select: none;
diff --git a/web/src/layouts/Layout.astro b/web/src/layouts/Layout.astro
@@ -149,6 +149,8 @@ const ogImage = image
     line-height: 1.5;
     min-height: 100vh;
     overflow: hidden;
+    padding-top: 36px;
+    padding-bottom: 24px;
   }
 
   ::-webkit-scrollbar {
@@ -343,6 +345,7 @@ const ogImage = image
     body {
       font-size: 13px;
       overflow-y: auto;
+      padding-top: 52px;
     }
 
     #app {
@@ -359,7 +362,7 @@ const ogImage = image
 
     .page {
       height: auto;
-      min-height: calc(100vh - 60px - 24px);
+      min-height: calc(100vh - 52px - 24px);
     }
 
     .page.active {