fix: hanlde display of overly long usernames

2025-06-30 09:42:43 +08:00
parent d3093a1c4e
commit 338b1f8a4c
2 changed files with 5 additions and 5 deletions
--- a/src/pages/primary/MePage/index.tsx
+++ b/src/pages/primary/MePage/index.tsx
@@ -45,9 +45,9 @@ const MePage = forwardRef((_, ref) => {
    <PrimaryPageLayout ref={ref} pageName="home" titlebar={<MePageTitlebar />}>
      <div className="flex gap-4 items-center p-4">
        <SimpleUserAvatar userId={pubkey} size="big" />
-        <div className="space-y-1">
+        <div className="space-y-1 flex-1 w-0">
          <SimpleUsername
-            className="text-xl font-semibold truncate"
+            className="text-xl font-semibold text-wrap"
            userId={pubkey}
            skeletonClassName="h-6 w-32"
          />