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

fix: realign workspace name

Browse Source
This commit is contained in:
Henry
2025-10-29 11:36:10 +00:00
parent 8ffadd0181
commit a93a8c5f43
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -48,15 +48,14 @@ export default function WorkspaceMenu({
) : ( ) : (
<div <div
className={twMerge( className={twMerge(
"flex items-center gap-1", "flex items-center justify-start gap-1",
isCollapsed && "md:flex-col-reverse md:items-stretch", isCollapsed && "md:flex-col-reverse md:items-stretch",
)} )}
> >
<Menu.Button <Menu.Button
className={twMerge( className={twMerge(
"mb-1 flex h-[34px] min-w-0 flex-1 items-center rounded-md p-1.5 hover:bg-light-200 dark:hover:bg-dark-200", "mb-1 flex h-[34px] min-w-0 flex-1 items-center justify-start rounded-md p-1.5 hover:bg-light-200 dark:hover:bg-dark-200",
isCollapsed && isCollapsed && "md:mb-1.5 md:h-9 md:w-9 md:flex-none md:p-0",
"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}
> >
@@ -67,7 +66,7 @@ export default function WorkspaceMenu({
</span> </span>
<span <span
className={twMerge( className={twMerge(
"ml-2 min-w-0 flex-1 truncate text-sm font-bold text-neutral-900 dark:text-dark-1000", "ml-2 min-w-0 flex-1 truncate text-left text-sm font-bold text-neutral-900 dark:text-dark-1000",
isCollapsed && "md:hidden", isCollapsed && "md:hidden",
)} )}
> >
@@ -87,7 +86,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:mb-2 md:h-9 md:w-9 md:self-center", isCollapsed && "md:mb-2 md:h-9 md:w-9",
)} )}
onClick={() => setIsOpen(true)} onClick={() => setIsOpen(true)}
> >