From 338b1f8a4cdfe5013e2dadb25faf12a108b627c6 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng@outlook.com>
Date: Mon, 30 Jun 2025 09:42:43 +0800
Subject: [PATCH] fix: hanlde display of overly long usernames

---
 src/components/AccountList/index.tsx | 6 +++---
 src/pages/primary/MePage/index.tsx   | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/AccountList/index.tsx b/src/components/AccountList/index.tsx
index a9ffc8a6..3db97207 100644
--- a/src/components/AccountList/index.tsx
+++ b/src/components/AccountList/index.tsx
@@ -37,10 +37,10 @@ export default function AccountList({
           }}
         >
           <div className="flex justify-between items-center p-2">
-            <div className="flex items-center gap-2 relative">
+            <div className="flex-1 flex items-center gap-2 relative">
               <SimpleUserAvatar userId={act.pubkey} />
-              <div>
-                <SimpleUsername userId={act.pubkey} className="font-semibold" />
+              <div className="flex-1 w-0">
+                <SimpleUsername userId={act.pubkey} className="font-semibold truncate" />
                 <div className="text-sm rounded-full bg-muted px-2 w-fit">
                   {formatPubkey(act.pubkey)}
                 </div>
diff --git a/src/pages/primary/MePage/index.tsx b/src/pages/primary/MePage/index.tsx
index 9006dcb9..9f6cbb39 100644
--- 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"
           />