menue button usability

This commit is contained in:
Timur Ercan
2023-02-03 12:34:32 +01:00
parent 6f54c4625b
commit cc44ba87a2
+10 -2
View File
@@ -130,14 +130,22 @@ export default function TopNavigation() {
))} ))}
</div> </div>
</div> </div>
<div className="hidden sm:ml-6 sm:flex sm:items-center"> <div
onClick={() => {
document?.getElementById("mb")?.click();
}}
className="hidden sm:ml-6 sm:flex sm:items-center hover:bg-gray-200 px-3 cursor-pointer"
>
<span className="text-sm"> <span className="text-sm">
<p className="font-bold">{user?.name || ""}</p> <p className="font-bold">{user?.name || ""}</p>
<p>{user?.email}</p> <p>{user?.email}</p>
</span> </span>
<Menu as="div" className="relative ml-3"> <Menu as="div" className="relative ml-3">
<div> <div>
<Menu.Button className="flex max-w-xs items-center rounded-full bg-white text-sm"> <Menu.Button
id="mb"
className="flex max-w-xs items-center rounded-full bg-white text-sm"
>
<span className="sr-only">Open user menu</span> <span className="sr-only">Open user menu</span>
<div <div
key={user?.email} key={user?.email}