From fb2a025e11bb5b75e90f685761a2639bc0b35442 Mon Sep 17 00:00:00 2001
From: Bernd Storath <999999bst@gmail.com>
Date: Tue, 4 Mar 2025 10:18:13 +0100
Subject: [PATCH] fix tab issues

---
 src/app/components/Ui/UserMenu.vue | 6 ++++--
 src/app/pages/admin.vue            | 1 +
 src/app/pages/setup/1.vue          | 2 +-
 src/app/pages/setup/3.vue          | 4 ++--
 src/app/pages/setup/4.vue          | 8 +-------
 src/app/pages/setup/success.vue    | 2 +-
 6 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/app/components/Ui/UserMenu.vue b/src/app/components/Ui/UserMenu.vue
index ca4d19ec..6d32a756 100644
--- a/src/app/components/Ui/UserMenu.vue
+++ b/src/app/components/Ui/UserMenu.vue
@@ -17,8 +17,10 @@
         class="z-10 w-44 divide-y divide-gray-100 rounded-lg bg-white text-gray-700 shadow dark:divide-neutral-800 dark:bg-neutral-700 dark:text-gray-200"
       >
         <DropdownMenuItem>
-          <div class="truncate">{{ authStore.userData?.name }}</div>
-          <div class="truncate">@{{ authStore.userData?.username }}</div>
+          <div class="px-4 py-2">
+            <div class="truncate">{{ authStore.userData?.name }}</div>
+            <div class="truncate">@{{ authStore.userData?.username }}</div>
+          </div>
         </DropdownMenuItem>
         <DropdownMenuItem>
           <NuxtLink
diff --git a/src/app/pages/admin.vue b/src/app/pages/admin.vue
index 71c0f6d6..b2f2f180 100644
--- a/src/app/pages/admin.vue
+++ b/src/app/pages/admin.vue
@@ -15,6 +15,7 @@
               :to="`/admin/${item.id}`"
             >
               <BaseButton
+                as="span"
                 class="w-full cursor-pointer rounded p-2 font-medium transition-colors duration-200 hover:bg-red-800 dark:text-neutral-200"
               >
                 {{ item.name }}
diff --git a/src/app/pages/setup/1.vue b/src/app/pages/setup/1.vue
index a059e0a5..af0fd2b5 100644
--- a/src/app/pages/setup/1.vue
+++ b/src/app/pages/setup/1.vue
@@ -4,7 +4,7 @@
       {{ $t('setup.welcomeDesc') }}
     </p>
     <NuxtLink to="/setup/2">
-      <BaseButton>{{ $t('general.continue') }}</BaseButton>
+      <BaseButton as="span">{{ $t('general.continue') }}</BaseButton>
     </NuxtLink>
   </div>
 </template>
diff --git a/src/app/pages/setup/3.vue b/src/app/pages/setup/3.vue
index 54e3cae0..a6bb8bf5 100644
--- a/src/app/pages/setup/3.vue
+++ b/src/app/pages/setup/3.vue
@@ -5,10 +5,10 @@
     </p>
     <div class="mb-8 flex justify-center">
       <NuxtLink to="/setup/4">
-        <BaseButton>{{ $t('general.no') }}</BaseButton>
+        <BaseButton as="span">{{ $t('general.no') }}</BaseButton>
       </NuxtLink>
       <NuxtLink to="/setup/migrate">
-        <BaseButton>{{ $t('general.yes') }}</BaseButton>
+        <BaseButton as="span">{{ $t('general.yes') }}</BaseButton>
       </NuxtLink>
     </div>
   </div>
diff --git a/src/app/pages/setup/4.vue b/src/app/pages/setup/4.vue
index 40e22eef..6163b1e3 100644
--- a/src/app/pages/setup/4.vue
+++ b/src/app/pages/setup/4.vue
@@ -8,18 +8,12 @@
         <FormNullTextField
           id="host"
           v-model="host"
-          type="text"
           :label="$t('general.host')"
           placeholder="vpn.example.com"
         />
       </div>
       <div class="flex flex-col">
-        <FormNumberField
-          id="port"
-          v-model="port"
-          type="number"
-          :label="$t('general.port')"
-        />
+        <FormNumberField id="port" v-model="port" :label="$t('general.port')" />
       </div>
       <div>
         <BaseButton @click="submit">{{ $t('general.continue') }}</BaseButton>
diff --git a/src/app/pages/setup/success.vue b/src/app/pages/setup/success.vue
index 5eb736be..7fa8fd05 100644
--- a/src/app/pages/setup/success.vue
+++ b/src/app/pages/setup/success.vue
@@ -2,7 +2,7 @@
   <div>
     <p>{{ $t('setup.successful') }}</p>
     <NuxtLink to="/login">
-      <BaseButton>{{ $t('login.signIn') }}</BaseButton>
+      <BaseButton as="span">{{ $t('login.signIn') }}</BaseButton>
     </NuxtLink>
   </div>
 </template>