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

Improve LoginArea sizing and space

Browse Source
This commit is contained in:
Alex Gleason 2025-06-01 09:47:15 -05:00
parent 738b512d9c
commit 139e6696db
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,7 +24,7 @@ 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 max-w-60'> <button className='flex items-center gap-3 p-3 rounded-full hover:bg-accent transition-all w-full text-foreground'>
<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>

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

@ -20,7 +20,7 @@ export function LoginArea() {
}; };
return ( return (
<> <div className="flex items-center justify-center max-w-60">
{currentUser ? ( {currentUser ? (
<AccountSwitcher onAddAccountClick={() => setLoginDialogOpen(true)} /> <AccountSwitcher onAddAccountClick={() => setLoginDialogOpen(true)} />
) : ( ) : (
@ -44,6 +44,6 @@ export function LoginArea() {
isOpen={signupDialogOpen} isOpen={signupDialogOpen}
onClose={() => setSignupDialogOpen(false)} onClose={() => setSignupDialogOpen(false)}
/> />
</> </div>
); );
} }