public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix user dropdown text overflow (#1283)

pull/1280/head^2
Joel Lu 2021-12-09 22:53:34 +11:00 committed by GitHub
parent 22a6d6ee3b
commit 8d4b3c1c2c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/Shell.tsx
View File

@ -328,15 +328,14 @@ function UserDropdown({ small }: { small?: boolean }) {
return (
<Dropdown>
<DropdownMenuTrigger asChild>
<div className="flex items-center space-x-2 cursor-pointer group">
<Avatar
imageSrc={user?.avatar || ""}
alt={user?.username || "Nameless User"}
className={classNames(small ? "w-8 h-8" : "w-10 h-10", "bg-gray-300 rounded-full flex-shrink-0")}
/>
<div className="flex items-center space-x-2 cursor-pointer group w-full">
<span
className={classNames(small ? "w-8 h-8" : "w-10 h-10", "bg-gray-300 rounded-full flex-shrink-0")}>
<Avatar imageSrc={user?.avatar || ""} alt={user?.username || "Nameless User"} />
</span>
{!small && (
<>
<span className="flex-grow text-sm">
<span className="flex flex-grow items-center truncate">
<span className="flex-grow text-sm truncate">
<span className="block font-medium text-gray-900 truncate">
{user?.username || "Nameless User"}
</span>
@ -348,7 +347,7 @@ function UserDropdown({ small }: { small?: boolean }) {
className="flex-shrink-0 w-5 h-5 text-gray-400 group-hover:text-gray-500"
aria-hidden="true"
/>
</>
</span>
)}
</div>
</DropdownMenuTrigger>