saulteafarmer/mkstack
1
0
Fork 0
mirror of https://gitlab.com/soapbox-pub/mkstack.git synced 2025-08-27 04:59:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add max width to AccountSwitcher

Browse Source
This commit is contained in:
Alex Gleason 2025-05-20 03:32:37 -05:00
parent aa2468b656
commit 69faf49454
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/auth/AccountSwitcher.tsx
View File

@ -24,13 +24,13 @@ export function AccountSwitcher({ onAddAccountClick }: AccountSwitcherProps) {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<button className='flex items-center gap-3 p-3 rounded-full hover:bg-accent transition-all w-full text-foreground'>
<button className='flex items-center gap-3 p-3 rounded-full hover:bg-accent transition-all w-full text-foreground max-w-60'>
<Avatar className='w-10 h-10'>
<AvatarImage src={currentUser.metadata.picture} alt={currentUser.metadata.name} />
<AvatarFallback>{currentUser.metadata.name?.charAt(0) || <UserIcon />}</AvatarFallback>
</Avatar>
<div className='flex-1 text-left hidden md:block truncate'>
<p className='font-medium text-sm'>{currentUser.metadata.name || currentUser.pubkey}</p>
<p className='font-medium text-sm truncate'>{currentUser.metadata.name || currentUser.pubkey}</p>
</div>
<ChevronDown className='w-4 h-4 text-muted-foreground' />
</button>