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

---

Browse Source
This commit is contained in:
Arina Yakovenko 2024-07-08 14:47:58 +02:00
parent 164ee498e9
commit c50cdb0ad8
3 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app.vue
View File

@ -80,9 +80,9 @@
:direction="'horizontal'" :direction="'horizontal'"
:pt="{ :pt="{
root: { class: '' }, root: { class: '' },
slider: { class: 'bg-black text-white' }, slider: { class: 'text-white' },
counter: { class: 'max-w-[1200px] mx-auto px-6 container' }, counter: { class: 'max-w-[1200px] mx-auto px-6 container text-black' },
progress: { class: 'bg-dark mt-4 h-1 transition-all duration-500' }, progress: { class: 'bg-black mt-4 h-1 transition-all duration-500' },
}" }"
class="my-[50px] relative z-30" class="my-[50px] relative z-30"
> >

6
src/components/Ml/Slider/MlSlider.vue
View File

@ -29,9 +29,7 @@
</swiper> </swiper>
<div> <div>
<div :class="counterClasses"> <div :class="counterClasses">
<div :class="progressClass" <div :class="progressClass" :style="`width: ${progerssBar}%`"></div>
:style="`width: ${progerssBar}%`"
></div>
<div class="flex justify-between my-4"> <div class="flex justify-between my-4">
<button <button
:disabled="isPrevDisabled" :disabled="isPrevDisabled"
@ -65,7 +63,7 @@ import { Swiper, SwiperSlide } from "swiper/vue";
import type { Swiper as swiper } from "swiper/types"; import type { Swiper as swiper } from "swiper/types";
import "swiper/css"; import "swiper/css";
import { twMerge } from "tailwind-merge"; import { twMerge } from "tailwind-merge";
import { ArrowLeftIcon, ArrowRightIcon } from "@heroicons/vue/24/solid"; import { ArrowLeftIcon, ArrowRightIcon } from "#imports";
import type { PTAttribs, SliderProps } from "./types"; import type { PTAttribs, SliderProps } from "./types";
const showSwiper = ref(false); const showSwiper = ref(false);

2
src/components/Ml/Slider/types.ts
View File

@ -18,7 +18,7 @@ export type PTAttribs = {
direction: string; direction: string;
}; };
progress?: { progress?: {
direction: string; class: string;
}; };
}; };