From c197d7dfcab92e38fad73ddc6a36f7890f77e4b9 Mon Sep 17 00:00:00 2001
From: Ayaka Rizumu <464388324@qq.com>
Date: Sat, 3 Dec 2022 13:22:45 +0800
Subject: [PATCH] fix: too long username cause scroll horizontally (#299)

regression #274
---
 components/account/AccountHandle.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/account/AccountHandle.vue b/components/account/AccountHandle.vue
index 956b2ce8..2ec9c0fd 100644
--- a/components/account/AccountHandle.vue
+++ b/components/account/AccountHandle.vue
@@ -9,7 +9,8 @@ const serverName = $computed(() => getServerName(account))
 </script>
 
 <template>
-  <p ws-nowrap text-ellipsis of-hidden text-secondary-light>
+  <p line-clamp-1 whitespace-pre-wrap break-all text-secondary-light>
+    <!-- fix: #274 only line-clamp-1 can be used here, using text-ellipsis is not valid -->
     <span text-secondary>{{ getShortHandle(account) }}</span>
     <span v-if="serverName" text-secondary-light>@{{ serverName }}</span>
   </p>