diff --git a/css/style.css b/css/style.css index 247d0e9..0341d76 100644 --- a/css/style.css +++ b/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;