fix: make username not go new line in header

Closes #14
2026-06-18 22:13:00 +02:00
parent 1908e7ad27
commit 99aa76f56e
1 changed files with 8 additions and 1 deletions
@@ -74,7 +74,7 @@ const navLinks = [
                      <BIIcon name="it-user" color="black"/>
                      <span v-if="hasUnreadNotifications" class="notification-dot"></span>
                    </span>
-                    <span class="d-none d-lg-block">{{ user?.first_name }}</span>
+                    <span class="d-none d-lg-block username">{{ user?.first_name }}</span>
                  </NuxtLink>

                  <button class="btn btn-primary btn-icon btn-full border-0" @click="logout"
@@ -310,4 +310,11 @@ const navLinks = [
  background: #d9364f;
  border: 2px solid #ffffff;
 }
+
+.username {
+  max-width: 8ch;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>