schiwagoa/tianji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fix a style issue which workspace switch style broken with long name

Browse Source
This commit is contained in:
moonrailgun 2024-08-22 01:04:18 +08:00
parent e0e044945f
commit cbdb1c4a07
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/client/components/WorkspaceSwitcher.tsx
View File

@ -102,9 +102,8 @@ export const WorkspaceSwitcher: React.FC<WorkspaceSwitcherProps> = React.memo(
role="combobox"
aria-expanded={open}
className={cn(
'w-full justify-between',
props.isCollapsed &&
'flex h-9 w-9 items-center justify-center p-0'
'flex w-full justify-between',
props.isCollapsed && 'h-9 w-9 items-center justify-center p-0'
)}
>
<Avatar
@ -120,7 +119,12 @@ export const WorkspaceSwitcher: React.FC<WorkspaceSwitcherProps> = React.memo(
</AvatarFallback>
</Avatar>
<span className={cn(props.isCollapsed && 'hidden')}>
<span
className={cn(
'flex-1 overflow-hidden text-ellipsis',
props.isCollapsed && 'hidden'
)}
>
{currentWorkspace.name}
</span>
@ -156,7 +160,12 @@ export const WorkspaceSwitcher: React.FC<WorkspaceSwitcherProps> = React.memo(
</AvatarFallback>
</Avatar>
{workspace.name}
<span
className="overflow-hidden text-ellipsis"
title={workspace.name}
>
{workspace.name}
</span>
<CheckIcon
className={cn(