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

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

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