fix team name overflow (#262)

This commit is contained in:
Manoj Kumar 2024-09-24 23:05:37 +05:30 committed by GitHub
parent e1a0ee2ea0
commit 6273a45352
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions

View File

@ -78,9 +78,9 @@ export function AccountSettings(props: {
type: 'divider',
}] as const : [],
...teams.map(team => ({
title: <div className='flex gap-2 items-center'>
title: <div className='flex gap-2 items-center w-full'>
<TeamIcon team={team}/>
{team.displayName}
<Typography className="max-w-[320px] md:w-[90%] truncate">{team.displayName}</Typography>
</div>,
type: 'item',
subpath: `/teams/${team.id}`,

View File

@ -46,7 +46,7 @@ function Items(props: { items: SidebarItem[], basePath: string, selectedIndex: n
size='sm'
className={cn(
props.selectedIndex === index && "bg-muted",
"justify-start text-md text-zinc-800 dark:text-zinc-300 px-2",
"justify-start text-md text-zinc-800 dark:text-zinc-300 px-2 text-left",
)}
onClick={() => {
if (item.subpath) {