zen/core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

style(admin): update user avatar and name styling in AdminHeader

Browse Source
This commit is contained in:
Hyko
2026-04-22 12:46:29 -04:00
parent 83672e9325
commit 7bd5aedb3b
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/admin/components/AdminHeader.js
+4 -4
View File
@@ -116,15 +116,15 @@ const AdminHeader = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, ap
<img <img
src={imageUrl} src={imageUrl}
alt={user?.name || 'User'} alt={user?.name || 'User'}
className="w-7 h-7 rounded-lg object-cover shrink-0" className="w-[26px] h-[26px] rounded-full object-cover shrink-0"
/> />
) : ( ) : (
<div className="w-7 h-7 rounded-lg bg-neutral-200 dark:bg-neutral-800 flex items-center justify-center shrink-0"> <div className="w-[26px] h-[26px] rounded-full bg-black dark:bg-white flex items-center justify-center shrink-0">
<span className="text-xs font-medium text-neutral-600 dark:text-neutral-300">{userInitials}</span> <span className="text-[10px] font-medium text-white dark:text-black">{userInitials}</span>
</div> </div>
)} )}
{/* Name — desktop only */} {/* Name — desktop only */}
<span className="hidden sm:block text-sm font-medium text-neutral-900 dark:text-white"> <span className="hidden sm:block text-xs font-normal text-neutral-800 dark:text-white">
{user?.name || 'User'} {user?.name || 'User'}
</span> </span>
<ChevronDownIcon className="w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-600 transition-transform duration-200 group-data-open:rotate-180" /> <ChevronDownIcon className="w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-600 transition-transform duration-200 group-data-open:rotate-180" />