From a4ab6edca157377e2973e7624982e8d09088bc93 Mon Sep 17 00:00:00 2001
From: Arina Yakovenko <yakovenko_arina@ma-al.com>
Date: Tue, 9 Jul 2024 11:30:58 +0200
Subject: [PATCH] add new tabber code

---
 components/Ml/Tabber/MlTabberBase.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/Ml/Tabber/MlTabberBase.vue b/components/Ml/Tabber/MlTabberBase.vue
index a899567..c4dae8a 100644
--- a/components/Ml/Tabber/MlTabberBase.vue
+++ b/components/Ml/Tabber/MlTabberBase.vue
@@ -1,10 +1,11 @@
 <template>
   <div class="flex md:flex-row flex-col text-black">
-    <div class="flex flex-col justify-between cursor-pointer w-[40%]">
+    <div class="flex flex-col justify-between cursor-pointer w-[40%]" style="min-width: 40%;">
       <div
         v-for="(el, index) in props.tabs"
         :key="index"
-        class="w-full px-6 py-4 md:py-8 rtl:text-right text-left border-b border-gray-400 md:text-[18px] md:last:border-b-0 md:h-full flex items-center"
+        class="w-full text-left border-b border-gray-400 md:text-[18px] md:last:border-b-0 md:h-full flex items-center"
+        style="padding: 32px 24px;"
         @click="
           showContent(index);
           useRipple($event, true);
@@ -13,7 +14,7 @@
         {{ el.header }}
       </div>
     </div>
-    <div v-show="tabs[indexItem]" class="md:flex-1 h-auto">
+    <div v-show="tabs[indexItem]" class="md:flex-1 h-auto" style="padding: 20px">
       <div class="flex flex-col items-start h-full justify-center p-6">
         <!-- Your image -->
         <h1 class="font-bold text-2xl md:text-[32px]">