fix: username overflow (#13832)

2024-02-23 23:01:43 +00:00
parent 77a157a12b
commit 2051e87436
1 changed files with 4 additions and 2 deletions
@@ -462,8 +462,10 @@ function UserDropdown({ small }: UserDropdownProps) {
          </span>
          {!small && (
            <span className="flex flex-grow items-center gap-2">
-              <span className="line-clamp-1 flex-grow text-sm leading-none">
-                <span className="text-emphasis block font-medium">{user.name || "Nameless User"}</span>
+              <span className="w-24 flex-shrink-0 text-sm leading-none">
+                <span className="text-emphasis block truncate font-medium">
+                  {user.name || "Nameless User"}
+                </span>
              </span>
              <ChevronDown
                className="group-hover:text-subtle text-muted h-4 w-4 flex-shrink-0 rtl:mr-4"