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

Add new page designs 2

Browse Source
This commit is contained in:
Urtzi Alfaro
2025-08-30 19:21:15 +02:00
parent 62b1ab9cb1
commit 0b5c6872e3
7 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -300,7 +300,7 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
{/* Right section */}
{isAuthenticated && (
<div className="flex items-center gap-1 h-full">
<div className="flex items-center gap-1">
{/* Mobile search */}
{showSearch && (
<Button
@@ -388,7 +388,13 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
variant="ghost"
size="sm"
onClick={toggleUserMenu}
className="flex items-center gap-2 pl-2 pr-2 py-1.5 h-10 min-w-0"
className={clsx(
"flex items-center gap-2 pl-2 pr-3 py-1.5 h-9 min-w-0 rounded-lg",
"hover:bg-[var(--bg-secondary)] hover:ring-2 hover:ring-[var(--color-primary)]/20",
"transition-all duration-200 ease-in-out",
"active:scale-95",
isUserMenuOpen && "bg-[var(--bg-secondary)] ring-2 ring-[var(--color-primary)]/20"
)}
aria-label="Menú de usuario"
aria-expanded={isUserMenuOpen}
aria-haspopup="true"
@@ -397,13 +403,16 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
src={user.avatar_url}
alt={user.full_name}
fallback={user.full_name}
size="sm"
className="flex-shrink-0"
size="xs"
className={clsx(
"flex-shrink-0 transition-all duration-200",
"hover:ring-2 hover:ring-[var(--color-primary)]/30",
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.full_name}
</span>
<ChevronDown className="h-4 w-4 text-[var(--text-tertiary)] flex-shrink-0" />
</Button>
{isUserMenuOpen && (