shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add search button to collapsed menu

Browse Source
This commit is contained in:
Henry
2025-10-02 21:38:33 +01:00
parent f8475b77f1
commit c75dcb2f20
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/web/src/components/WorkspaceMenu.tsx
View File

@@ -34,11 +34,17 @@ export default function WorkspaceMenu({
/> />
</div> </div>
) : ( ) : (
<div className="flex items-center gap-1"> <div
className={twMerge(
"flex items-center gap-1",
isCollapsed && "md:flex-col-reverse md:items-stretch",
)}
>
<Menu.Button <Menu.Button
className={twMerge( className={twMerge(
"mb-1 flex h-[34px] flex-1 items-center rounded-md p-1.5 hover:bg-light-200 dark:hover:bg-dark-200", "mb-1 flex h-[34px] flex-1 items-center rounded-md p-1.5 hover:bg-light-200 dark:hover:bg-dark-200",
isCollapsed && "md:mb-1.5 md:h-9 md:p-1", isCollapsed &&
"md:mb-1.5 md:h-9 md:w-9 md:flex-none md:justify-center md:p-0",
)} )}
title={isCollapsed ? workspace.name : undefined} title={isCollapsed ? workspace.name : undefined}
> >
@@ -69,7 +75,7 @@ export default function WorkspaceMenu({
<Button <Button
className={twMerge( className={twMerge(
"mb-1 h-[34px] w-[34px] flex-shrink-0 rounded-lg bg-light-200 p-2 hover:bg-light-300 focus:outline-none dark:bg-dark-200 dark:hover:bg-dark-300", "mb-1 h-[34px] w-[34px] flex-shrink-0 rounded-lg bg-light-200 p-2 hover:bg-light-300 focus:outline-none dark:bg-dark-200 dark:hover:bg-dark-300",
isCollapsed && "md:hidden", isCollapsed && "md:mb-2 md:h-9 md:w-9 md:self-center",
)} )}
onClick={() => setIsOpen(true)} onClick={() => setIsOpen(true)}
> >