From 27aa22077a9cef93598dd1ce5f87202948fdff4e Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sat, 8 Jun 2024 15:54:47 +0800
Subject: [PATCH] refactor: add user name overflow behavior

---
 src/client/components/layout/UserConfig.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/client/components/layout/UserConfig.tsx b/src/client/components/layout/UserConfig.tsx
index 3ce2204..cf460c4 100644
--- a/src/client/components/layout/UserConfig.tsx
+++ b/src/client/components/layout/UserConfig.tsx
@@ -61,10 +61,14 @@ export const UserConfig: React.FC<UserConfigProps> = React.memo((props) => {
     </Avatar>
   );
 
-  const name = <div className="flex-1">{userInfo?.username ?? ''}</div>;
+  const name = (
+    <div className="flex-1 overflow-hidden text-ellipsis">
+      {userInfo?.username ?? ''}
+    </div>
+  );
 
   const more = (
-    <Button variant="outline" size="icon">
+    <Button variant="outline" size="icon" className="shrink-0">
       <LuMoreVertical />
     </Button>
   );