fix(ui): prevent text descender cutoff in user dropdown (#19309)

This commit is contained in:
Özer
2025-02-19 12:44:21 +00:00
committed by GitHub
parent dfb2232a59
commit 050a030ff0
@@ -35,6 +35,7 @@ declare global {
interface UserDropdownProps {
small?: boolean;
}
export function UserDropdown({ small }: UserDropdownProps) {
const { isPlatformUser } = useGetUserAttributes();
const { t } = useLocale();
@@ -80,7 +81,7 @@ export function UserDropdown({ small }: UserDropdownProps) {
<span
className={classNames(
small ? "h-4 w-4" : "h-5 w-5 ltr:mr-2 rtl:ml-2",
"relative flex-shrink-0 rounded-full "
"relative flex-shrink-0 rounded-full"
)}>
<Avatar
size={small ? "xs" : "xsm"}
@@ -98,7 +99,7 @@ export function UserDropdown({ small }: UserDropdownProps) {
{!small && (
<span className="flex flex-grow items-center gap-2">
<span className="w-24 flex-shrink-0 text-sm leading-none">
<span className="text-emphasis block truncate font-medium">
<span className="text-emphasis block truncate py-0.5 font-medium leading-normal">
{user.name || "Nameless User"}
</span>
</span>