yakovenko_arina/library_components
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SliderPointer

Browse Source
This commit is contained in:
Arina Yakovenko 2024-07-08 15:06:40 +02:00
parent 7aa0c69354
commit 57bd46b201
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Ml/SliderPoint/MlSliderPoint.vue
View File

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