highperfocused/multica
1
0
Fork 0
mirror of https://github.com/multica-ai/multica.git synced 2026-07-27 04:56:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(sidebar): make search and new issue regular menu items

Browse Source 
Replace bordered input-style search bar and icon button with
SidebarMenuButton components so they share the same visual weight,
padding, and hover behavior as all other nav items.
This commit is contained in:
Jiayuan Zhang
2026-04-10 02:12:29 +08:00
parent 2cc6d544b5
commit 756cc3a782
1 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
apps/web/app/(dashboard)/_components/app-sidebar.tsx
View File

@@ -179,29 +179,32 @@ export function AppSidebar() {
</DropdownMenu>
</SidebarMenuItem>
</SidebarMenu>
<div className="flex items-center gap-1.5">
<button
type="button"
className="flex h-8 flex-1 items-center gap-2 rounded-md border bg-background px-2 text-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground transition-colors"
onClick={() => useSearchStore.getState().setOpen(true)}
>
<Search className="size-3.5 shrink-0" />
<span>Search...</span>
<kbd className="pointer-events-none ml-auto inline-flex h-5 select-none items-center gap-0.5 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground">
<span className="text-xs">⌘</span>K
</kbd>
</button>
<Tooltip>
<TooltipTrigger
className="relative flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background text-foreground hover:bg-accent transition-colors"
<SidebarMenu>
<SidebarMenuItem>
<SidebarMenuButton
className="text-muted-foreground"
onClick={() => useSearchStore.getState().setOpen(true)}
>
<Search />
<span>Search...</span>
<kbd className="pointer-events-none ml-auto inline-flex h-5 select-none items-center gap-0.5 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground">
<span className="text-xs">⌘</span>K
</kbd>
</SidebarMenuButton>
</SidebarMenuItem>
<SidebarMenuItem>
<SidebarMenuButton
className="text-muted-foreground"
onClick={() => useModalStore.getState().open("create-issue")}
>
<SquarePen className="size-3.5" />
<DraftDot />
</TooltipTrigger>
<TooltipContent side="bottom">New issue</TooltipContent>
</Tooltip>
</div>
<span className="relative">
<SquarePen />
<DraftDot />
</span>
<span>New Issue</span>
</SidebarMenuButton>
</SidebarMenuItem>
</SidebarMenu>
</SidebarHeader>
{/* Navigation */}