Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update agent profile dropdown menu styling and structure in AgentHeader.

Browse Source
This commit is contained in:
pradeepkumar
2026-01-19 00:16:52 +05:30
parent 7ac0be19a9
commit 2bca1ff0c0
1 changed files with 28 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/layout/AgentHeader.tsx
View File

@@ -76,34 +76,38 @@ export function AgentHeader({ userName, userEmail }: AgentHeaderProps) {
{/* Profile Dropdown Menu */} {/* Profile Dropdown Menu */}
{showProfileMenu && ( {showProfileMenu && (
<div className="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2 z-50"> <div className="absolute right-0 mt-2 w-56 bg-white rounded-[15px] border border-[#00293d]/10 py-3 z-50">
<div className="px-4 py-2 border-b border-gray-100"> <div className="px-4 py-2 border-b border-[#00293d]/10">
<p className="text-sm font-medium text-[#00293d]"> <p className="font-fractul font-bold text-[14px] leading-[17px] text-[#00293D]">
{userName || 'Agent'} {userName || 'Agent'}
</p> </p>
<p className="text-xs text-gray-500">{userEmail}</p> <p className="font-serif text-[12px] leading-[16px] text-[#00293D]/50">{userEmail}</p>
</div> </div>
<div className="py-2">
<Link <Link
href="/agent/dashboard" href="/agent/dashboard"
className="block px-4 py-2 text-sm text-[#00293d] hover:bg-gray-50" className="block px-4 py-2 font-serif text-[14px] leading-[19px] text-[#00293D] hover:bg-[#00293d]/5 transition-colors"
onClick={() => setShowProfileMenu(false)} onClick={() => setShowProfileMenu(false)}
> >
Dashboard Dashboard
</Link> </Link>
<Link <Link
href="/agent/settings" href="/agent/settings"
className="block px-4 py-2 text-sm text-[#00293d] hover:bg-gray-50" className="block px-4 py-2 font-serif text-[14px] leading-[19px] text-[#00293D] hover:bg-[#00293d]/5 transition-colors"
onClick={() => setShowProfileMenu(false)} onClick={() => setShowProfileMenu(false)}
> >
Settings Settings
</Link> </Link>
</div>
<div className="border-t border-[#00293d]/10 pt-2">
<button <button
onClick={() => signOut({ callbackUrl: '/login' })} onClick={() => signOut({ callbackUrl: '/login' })}
className="w-full text-left px-4 py-2 text-sm text-red-600 hover:bg-gray-50" className="w-full text-left px-4 py-2 font-serif text-[14px] leading-[19px] text-[#e58625] hover:bg-[#00293d]/5 transition-colors"
> >
Sign Out Sign Out
</button> </button>
</div> </div>
</div>
)} )}
</div> </div>