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 ( return (
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <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'> <Avatar className='w-10 h-10'>
<AvatarImage src={currentUser.metadata.picture} alt={currentUser.metadata.name} /> <AvatarImage src={currentUser.metadata.picture} alt={currentUser.metadata.name} />
<AvatarFallback>{currentUser.metadata.name?.charAt(0) || <UserIcon />}</AvatarFallback> <AvatarFallback>{currentUser.metadata.name?.charAt(0) || <UserIcon />}</AvatarFallback>
</Avatar> </Avatar>
<div className='flex-1 text-left hidden md:block truncate'> <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> </div>
<ChevronDown className='w-4 h-4 text-muted-foreground' /> <ChevronDown className='w-4 h-4 text-muted-foreground' />
</button> </button>