From dd2fe957420c37201723d65ba48a848a6c4a64ba Mon Sep 17 00:00:00 2001
From: nzambello <nzambello@protonmail.com>
Date: Tue, 18 Jul 2023 14:05:13 +0200
Subject: [PATCH] fix: menu backdrop safari

---
 src/components/Header.astro | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index f26711f..415cf0f 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -123,20 +123,21 @@ import Logo from './Logo.astro';
 
   .menu-backdrop {
     display: none;
-  }
-
-  #mobile-checkbox:checked ~ .mobile-icon-button .menu-backdrop {
-    display: block;
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
+    -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
     z-index: 1;
     background: rgba(0, 0, 0, 0.2);
   }
 
+  #mobile-checkbox:checked ~ .mobile-icon-button .menu-backdrop {
+    display: block;
+  }
+
   .mobile-icon-button-icon.icon-close {
     display: none;
     position: fixed;