From 855721b4b148b887a2481d041012073abd91c45d Mon Sep 17 00:00:00 2001
From: Yakovenko Valeriia <yakovenko_valeriia@ma-al.com>
Date: Fri, 3 Apr 2026 08:51:45 +0200
Subject: [PATCH] fix: tabs

---
 bo/src/app.config.ts                          | 1 -
 bo/src/assets/main.css                        | 1 -
 bo/src/components/admin/ProductDetailView.vue | 7 +++++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/bo/src/app.config.ts b/bo/src/app.config.ts
index f19f0d8..7e88496 100644
--- a/bo/src/app.config.ts
+++ b/bo/src/app.config.ts
@@ -8,7 +8,6 @@ export const uiOptions: NuxtUIOptions = {
             }
         },
         button: {
-            base: 'light:hover:bg-none!'
         },
         input: {
             slots: {
diff --git a/bo/src/assets/main.css b/bo/src/assets/main.css
index 10fcfc0..3e1c5a6 100644
--- a/bo/src/assets/main.css
+++ b/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);
diff --git a/bo/src/components/admin/ProductDetailView.vue b/bo/src/components/admin/ProductDetailView.vue
index b77b85e..6fec616 100644
--- a/bo/src/components/admin/ProductDetailView.vue
+++ b/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)