mirror of
https://github.com/stack-auth/stack.git
synced 2026-06-04 21:04:37 +08:00
fix team name overflow (#262)
This commit is contained in:
parent
e1a0ee2ea0
commit
6273a45352
@ -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}`,
|
||||
|
||||
@ -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) {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user