From c391edc7e2366901a98f9a2818cad9a5015c932b Mon Sep 17 00:00:00 2001
From: Immerse <y15829485647@163.com>
Date: Sat, 6 Apr 2024 20:11:16 +0800
Subject: [PATCH] fix: username style show bug (#520)

---
 apps/client/components/Navbar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/client/components/Navbar.vue b/apps/client/components/Navbar.vue
index 369ef0694..9a2d1bf75 100644
--- a/apps/client/components/Navbar.vue
+++ b/apps/client/components/Navbar.vue
@@ -46,7 +46,7 @@
           </nav>
         </div>
 
-        <div class="login-out flex justify-end items-center flex-1">
+        <div class="login-out flex justify-end items-center">
           <button
             class="btn btn-sm btn-ghost rounded-md mx-1 w-8 h-8 p-0"
             @click="toggleDarkMode"
@@ -97,7 +97,7 @@
           </div>
 
           <div class="logged-in flex items-center">
-            <div class="mx-2 font-500">{{ userStore.user?.username }}</div>
+            <div class="mx-2 font-500 truncate max-w-[10em]">{{ userStore.user?.username }}</div>
             <div
               v-if="userStore.user"
               class="dropdown dropdown-end"