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 (
<DropdownMenu>
<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'>
<AvatarImage src={currentUser.metadata.picture} alt={currentUser.metadata.name} />
<AvatarFallback>{currentUser.metadata.name?.charAt(0) || <UserIcon />}</AvatarFallback>

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

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