From 6a1025037beefdaec2831db7829b48c5392f0226 Mon Sep 17 00:00:00 2001
From: Timothy <yexiaozhou2003@gmail.com>
Date: Sat, 24 Feb 2024 22:03:12 +0800
Subject: [PATCH] fix the dropdown menu

---
 web/components/navbar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/components/navbar.tsx b/web/components/navbar.tsx
index 8793c25a..486b2272 100644
--- a/web/components/navbar.tsx
+++ b/web/components/navbar.tsx
@@ -20,11 +20,11 @@ export const Navbar = () => {
 		<div className="navbar bg-base-100">
 			<div className="navbar-start gap-2">
 				<div className="dropdown">
-					<div role="button" className="btn lg:hidden">
+					<div tabIndex={0} role="button" className="btn lg:hidden">
 						<MenuIcon />
 					</div>
-					{isClient && credentials && siteConfig.navItems ?
-						<ul className="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow rounded-box w-52">
+					{isClient && credentials ?
+						<ul tabIndex={0} className="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow rounded-box w-52 bg-white">
 							{
 								siteConfig.navItems.map((item) => (
 									<li key={item.label}>