fix: tabs

bo/src/app.config.ts

@@ -8,7 +8,6 @@ export const uiOptions: NuxtUIOptions = {
             }
         },
         button: {
-            base: 'light:hover:bg-none!'
         },
         input: {
             slots: {

bo/src/assets/main.css

@@ -46,7 +46,6 @@ body {
 
 .dark {
   --ui-bg: var(--black);
-  --ui-primary: var(--color-gray-500);
   --ui-secondary: var(--accent-green-dark);
   --ui-border-accented: var(--border-dark);
   --ui-text-dimmed: var(--gray-dark);

bo/src/components/admin/ProductDetailView.vue

@@ -126,7 +126,10 @@
           </div>
         </div>
 
-        <UTabs :items="items" v-model="activeTab" color="info" :content="true">
+        <UTabs :items="items" color="info" default-value="0" :ui="{
+          list: 'w-auto!',
+          root: 'items-start!'
+        }">
           <template #description>
             <div v-if="!isTranslations" class="flex justify-end items-center gap-3 mb-4">
               <UButton v-if="!isEditing" @click="activeTab === 'usage' ? enableEdit() : enableDescriptionEdit()"
@@ -361,7 +364,7 @@ const toLangId = ref<number>(settingStore.shopDefaultLanguage)
 const productID = ref<number>(0)
 const translating = ref(false)
 
-const activeTab = ref('description')
+const activeTab = ref('')
 const usageRef = ref<HTMLElement | null>(null)
 const originalUsage = ref('')
 const isEditing = ref(false)