fix: username style show bug (cuixueshe#520)

Torstentjh · Apr 6, 2024 · c391edc · c391edc
1 parent 13cf40d
commit c391edc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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"