angel/mice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refactor Menu component layout and improve accessibility features

Browse Source
This commit is contained in:
angel
2025-06-25 20:32:27 -05:00
parent 7bb477bb55
commit d8f5c20254
1 changed files with 186 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/components/menu.tsx
View File

@@ -82,7 +82,15 @@ export function Menu({ toggleSidebar, isSidebarVisible, toggleStatusBar, isStatu
return ( return (
<> <>
<Menubar className="rounded-none border-b border-none px-2 lg:px-4"> <div className="flex items-center justify-between w-full">
<div className="flex items-center gap-2 mx-2">
<span
className={`h-2 w-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-400"}`}
/>
</div>
<div style={{ marginRight: '0.24rem' }} className="border-r-4 w-0"><p className="invisible">j</p></div>
<Menubar className="rounded-none border-b border-none px-0 lg:px-0 flex-1" style={{ minWidth: 0 }}>
<MenubarMenu> <MenubarMenu>
<MenubarTrigger className="font-bold">mice</MenubarTrigger> <MenubarTrigger className="font-bold">mice</MenubarTrigger>
<MenubarContent> <MenubarContent>
@@ -261,6 +269,8 @@ export function Menu({ toggleSidebar, isSidebarVisible, toggleStatusBar, isStatu
</MenubarMenu> </MenubarMenu>
</Menubar> </Menubar>
</div>
<Dialog open={open} onOpenChange={setOpen}> <Dialog open={open} onOpenChange={setOpen}>
<DialogContent className="sm:max-w-[400px] p-0 overflow-hidden"> <DialogContent className="sm:max-w-[400px] p-0 overflow-hidden">
<div className=" px-6 pt-8 pb-6 flex flex-col items-center"> <div className=" px-6 pt-8 pb-6 flex flex-col items-center">