From 061f05afc2338b8ae9d58158f738d36c616676fe Mon Sep 17 00:00:00 2001
From: Rion <info@ri0n.dev>
Date: Sun, 1 Jun 2025 19:53:18 +0900
Subject: [PATCH] fix: DropdownItems

---
 src/components/NavBar.astro | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
index a1b084a..546d9a7 100644
--- a/src/components/NavBar.astro
+++ b/src/components/NavBar.astro
@@ -32,7 +32,7 @@ const {
     <div
       class="absolute left-1/2 hidden -translate-x-1/2 items-center gap-6 text-xs sm:text-sm lg:flex lg:text-base"
     >
-      <Dropdown class="group">
+      <Dropdown class="group relative">
         <button class="flex items-center">
           <span>{menu.gettingStarted}</span>
           <ChevronDownIcon
@@ -66,7 +66,7 @@ const {
           </div>
         </DropdownItems>
       </Dropdown>
-      <Dropdown class="group">
+      <Dropdown class="group relative">
         <button class="flex items-center">
           <span>{menu.usefulLinks}</span>
           <ChevronDownIcon
@@ -74,7 +74,7 @@ const {
           />
         </button>
         <DropdownItems>
-          <div class="navbar-dropdown !grid-cols-1 gap-1">
+          <div class="navbar-dropdown !min-w-[400px] !grid-cols-1 gap-1">
             <a class="dropdown-item" href={getLocalePath('/donate')}>
               <div class="dropdown-title">{menu.donate}</div>
               <div class="dropdown-description">
@@ -139,7 +139,7 @@ const {
 
 <style>
   .navbar-dropdown {
-    @apply absolute left-1/2 mt-2 grid !-translate-x-1/2 !transform grid-cols-2 gap-2 rounded-lg border-2 border-dark bg-paper p-3 shadow-sm;
+    @apply absolute left-1/2 z-10 mt-2 grid min-w-[600px] -translate-x-1/2 transform grid-cols-2 gap-2 rounded-lg border-2 border-dark bg-paper p-3 shadow-sm;
     & .dropdown-item {
       @apply flex cursor-pointer select-none flex-col gap-2 rounded-lg p-4 transition-colors duration-200;