Merge pull request #3 from jim-coder-debug/fix/sticky-header

Feat: Make header sticky and transparent

Author: jim-coder-debug

css/style.css

@@ -39,11 +39,9 @@ body.dashboard-page {
     display: block;
     padding: 0;
     min-height: 100vh;
-    /* Add padding to prevent content from going under sticky header */
-    padding-top: 70px; 
+    padding-top: 70px; /* Add this line */
 }
 
-
 /* ======================================= */
 /* === LOGIN & REGISTER FORM STYLES    === */
 /* ======================================= */
@@ -144,17 +142,18 @@ body.dashboard-page {
 /* === DASHBOARD LAYOUT & STYLES       === */
 /* ======================================= */
 
+/* --- Sticky, Transparent Header --- */
 /* --- Sticky, Transparent Header --- */
 .header {
     position: sticky; /* Make it stick */
     top: 0;           /* Stick it to the top */
     z-index: 1000;    /* Keep it above other content */
-    
+
     /* Semi-transparent background with blur */
     background: rgba(0, 123, 255, 0.8); /* Blue with 80% opacity */
     backdrop-filter: blur(10px);        /* Frosted glass effect */
     -webkit-backdrop-filter: blur(10px); /* For Safari */
-    
+
     color: white;
     padding: 0 2.5rem;
     display: flex;