TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update profile logo and title on topbar

Browse Source
This commit is contained in:
Wikzyy
2025-04-28 11:10:00 +07:00
parent cc2cd469a9
commit 6acea6499d
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/layouts/demo2/header/HeaderTopbar.tsx
View File

@ -25,21 +25,21 @@ const HeaderTopbar = () => {
const handleDropdownChatShow = () => { const handleDropdownChatShow = () => {
window.dispatchEvent(new Event('resize')); window.dispatchEvent(new Event('resize'));
}; };
return ( return (
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="hidden md:flex flex-col items-end mr-2 text-right"> <div className="hidden md:flex flex-col items-end mr-2 text-right mt-1">
<span <span
className={`font-semibold text-sm leading-tight ${isSticky ? 'text-black' : 'text-white'}`} className={`font-semibold text-lg leading-tight ${isSticky ? 'text-black' : 'text-white'}`}
> >
{getAuth()?.user.username} {getAuth()?.user.username}
</span> </span>
<span className={`text-xs ${isSticky ? 'text-gray-700' : 'text-gray-400'}`}> <span className={`text-xs ${isSticky ? 'text-gray-700' : 'text-white'}`}>
{getAuth()?.role_name} as {getAuth()?.role_name}
</span> </span>
</div> </div>
<Menu> <Menu className="w-12 h-12">
<MenuItem <MenuItem
ref={itemUserRef} ref={itemUserRef}
toggle="dropdown" toggle="dropdown"
@ -56,9 +56,9 @@ const HeaderTopbar = () => {
] ]
}} }}
> >
<MenuToggle className="btn btn-icon rounded-full"> <MenuToggle className="btn btn-icon rounded-full w-12 h-12">
<img <img
className="w-9 h-9 rounded-full border border-gray-500 object-cover" className="w-12 h-12 rounded-full border border-gray-500 object-cover"
src={toAbsoluteUrl('/media/avatars/profile.png')} src={toAbsoluteUrl('/media/avatars/profile.png')}
alt="User avatar" alt="User avatar"
/> />
@ -70,4 +70,4 @@ const HeaderTopbar = () => {
); );
}; };
export { HeaderTopbar }; export { HeaderTopbar };