bakery-admin/bakery-ia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Avatar issue

Browse Source
This commit is contained in:
Urtzi Alfaro
2025-08-31 15:16:40 +02:00
parent a8b73e22ea
commit c494078441
2 changed files with 44 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/components/layout/Header/Header.tsx
View File

@@ -401,7 +401,7 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
<Avatar
src={user.avatar}
alt={user.name}
fallback={user.name}
name={user.name}
size="xs"
className={clsx(
"flex-shrink-0 transition-all duration-200",
@@ -409,20 +409,23 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
isUserMenuOpen && "ring-2 ring-[var(--color-primary)]/30"
)}
/>
<span className="hidden sm:block text-sm font-medium text-[var(--text-primary)] truncate max-w-[120px]">
{user.name}
</span>
</Button>
{isUserMenuOpen && (
<div className="absolute right-0 top-full mt-2 w-56 bg-[var(--bg-primary)] border border-[var(--border-primary)] rounded-lg shadow-lg py-2 z-[var(--z-dropdown)]">
{/* User info */}
<div className="px-4 py-2 border-b border-[var(--border-primary)]">
<div className="text-sm font-medium text-[var(--text-primary)] truncate">
{user.name}
</div>
<div className="text-xs text-[var(--text-tertiary)] truncate">
{user.email}
<div className="px-4 py-3 border-b border-[var(--border-primary)] flex items-center gap-3">
<Avatar
src={user.avatar || undefined}
alt={user.name}
name={user.name}
size="sm"
className="flex-shrink-0"
/>
<div className="min-w-0 flex-1">
<div className="text-xs text-[var(--text-tertiary)] truncate">
{user.email}
</div>
</div>
</div>