From e7f77b9ea9cb54aa98461b4965756be108023b8e Mon Sep 17 00:00:00 2001
From: Martin Prokoph <motschen@midnightdust.eu>
Date: Wed, 18 Sep 2024 19:34:05 +0200
Subject: [PATCH] Sticky headerbar (with blur :D)

---
 src/components/Header.astro | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index a90747f..659e291 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -4,7 +4,7 @@ import { SkipLinks } from 'accessible-astro-components'
 import { Icon } from 'astro-icon/components'
 ---
 
-<header>
+<header class="sticky top-0 z-50 backdrop-blur-md">
   <SkipLinks />
   <Navigation>
     <li class="menu-item">
@@ -58,6 +58,8 @@ import { Icon } from 'astro-icon/components'
   @use '../assets/scss/base/outline' as *;
 
   header {
+    background-color: rgb(255, 255, 255, 0.75);
+
     .type-icon a {
       display: block;
 
@@ -78,4 +80,7 @@ import { Icon } from 'astro-icon/components'
       }
     }
   }
+  header:is(.darkmode *) {
+    background-color: rgba(24, 24, 37, 0.75);
+  }
 </style>