From 0cac39ba78cc1a910d788a4acf86a9fab626e4cb Mon Sep 17 00:00:00 2001
From: Firq <firelp42@gmail.com>
Date: Fri, 29 Dec 2023 23:32:43 +0100
Subject: [PATCH] Fixed webkit issue

---
 src/components/navbar.astro      | 5 +++--
 src/components/navbarEntry.astro | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/navbar.astro b/src/components/navbar.astro
index 7c9213f..4b5c402 100644
--- a/src/components/navbar.astro
+++ b/src/components/navbar.astro
@@ -17,7 +17,7 @@ const hamburger_src_url = `url("${hamburger.src}")`;
       <slot />
     </ul>
     <div class="placeholder"></div>
-    <div class="icon"></div>
+    <div class="hamburger-menu"></div>
   </button>
 </header>
 
@@ -105,8 +105,9 @@ const hamburger_src_url = `url("${hamburger.src}")`;
     justify-self: top;
   }
 
-  .icon {
+  .hamburger-menu {
     mask: var(--hamburger_src_url) no-repeat center;
+    -webkit-mask: var(--hamburger_src_url) no-repeat center;
     background-color: white;
     width: 2em;
     height: 2em;
diff --git a/src/components/navbarEntry.astro b/src/components/navbarEntry.astro
index c452c47..535af09 100644
--- a/src/components/navbarEntry.astro
+++ b/src/components/navbarEntry.astro
@@ -73,6 +73,7 @@ const fulllink = `/${slug}`
 
   .icon {
     mask: var(--icon_src_url) no-repeat center;
+    -webkit-mask: var(--icon_src_url) no-repeat center;
     background-color: white;
     width: 1.4em;
     height: 1.4em;