hotfix: cannot click on nav panel

Author: aster-void

src/components/Header.astro

@@ -77,7 +77,6 @@ const { focus } = Astro.props;
       <HamburgerButton client:visible {links} />
     </div>
   </div>
-  <div id="menu-popover-slot" class="absolute w-full"></div>
 </header>
 
 <style>

src/islands/svelte/hamburger-button.svelte

@@ -13,25 +13,23 @@
   </Popover.Trigger>
 
   <Popover.Content align="end" side="bottom" strategy="fixed">
-    <Popover.Portal to="#menu-popover-slot">
-      <div
-        transition:fade|global={{ duration: 70 }}
-        class="w-full bg-gray-50/70 backdrop-blur-md lg:hidden"
-      >
-        <ul>
-          {#each links as link}
-            <li class="hover:bg-gray-100">
-              <a
-                href={link.href}
-                class="block px-4 py-2"
-                data-astro-prefetch="viewport"
-              >
-                {link.title}
-              </a>
-            </li>
-          {/each}
-        </ul>
-      </div>
-    </Popover.Portal>
+    <div
+      transition:fade|global={{ duration: 70 }}
+      class="absolute right-0 w-[100vw] bg-gray-50/70 lg:hidden"
+    >
+      <ul>
+        {#each links as link}
+          <li class="hover:bg-gray-100">
+            <a
+              href={link.href}
+              class="block px-8 py-2"
+              data-astro-prefetch="viewport"
+            >
+              {link.title}
+            </a>
+          </li>
+        {/each}
+      </ul>
+    </div>
   </Popover.Content>
 </Popover.Root>