fix: center profile initials in avatar

2025-09-18 09:06:29 +02:00
parent 42f0f939e8
commit 94f296c64b
1 changed files with 5 additions and 1 deletions
--- a/app/app.vue
+++ b/app/app.vue
@@ -220,7 +220,11 @@
            <div class="dropdown dropdown-end" v-if="activeProfile">
              <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar placeholder">
                <div class="bg-secondary text-secondary-content rounded-full w-10 h-10 grid place-items-center">
-                  <span class="text-sm font-semibold leading-none">{{ activeProfileInitials }}</span>
+                  <span
+                    class="flex h-full w-full items-center justify-center text-sm font-semibold leading-none tracking-tight"
+                  >
+                    {{ activeProfileInitials }}
+                  </span>
                </div>
              </div>
              <ul tabindex="0" class="menu dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-64">