SliderPointer

src/components/Ml/SliderPoint/MlSliderPoint.vue

@@ -20,14 +20,13 @@
       </swiper-slide>
     </swiper>
     <div
-      class="flex justify-between items-center h-10 cursor-pointer"
       :class="counterClasses"
     >
       <div
         v-for="(slide, index) in 4"
         :key="index"
         :class="[
-          'bg-BgDark dark:bg-BgLight h-[3px] transition-all duration-500',
+          'bg-black h-[3px] transition-all duration-500',
           index === currentSlideNumber
             ? 'py-2 w-[16px] rounded-3xl'
             : 'w-[25px] rounded-sm md:w-[24px]',
@@ -96,7 +95,7 @@ const props = withDefaults(
 const classes = ref({
   root: { class: `` },
   slider: { class: `` },
-  counter: { class: `mx-auto px-6 container` },
+  counter: { class: `mx-auto px-6 container flex justify-between items-center h-10 cursor-pointer` },
 } as PTAttribs);
 
 const rootClasses = computed(() =>