Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make avatar dropdown more obvious

Browse Source
This commit is contained in:
Abi Raja 2024-07-11 15:35:10 -04:00
parent b80f0ec7bf
commit ba277121db
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/hosted/AvatarDropdown.tsx
View File

@ -68,10 +68,13 @@ export default function AvatarDropdown() {
<> <>
<DropdownMenu open={isOpen} onOpenChange={open}> <DropdownMenu open={isOpen} onOpenChange={open}>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Avatar className="w-8 h-8 cursor-pointer"> <div className="flex items-center space-x-2 cursor-pointer">
<span className="text-sm">Your account</span>
<Avatar className="w-8 h-8">
<AvatarImage src={user?.imageUrl} alt="Profile image" /> <AvatarImage src={user?.imageUrl} alt="Profile image" />
<AvatarFallback>{user?.firstName}</AvatarFallback> <AvatarFallback>{user?.firstName}</AvatarFallback>
</Avatar> </Avatar>
</div>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent className="w-56" align="end"> <DropdownMenuContent className="w-56" align="end">
{/* Free users */} {/* Free users */}