fix
All checks were successful
Deploy Nuxt App / deploy (push) Successful in 3m32s

This commit is contained in:
2025-06-25 11:55:42 +04:00
parent 1b211c3148
commit 925947ddd5
7 changed files with 58 additions and 38 deletions

View File

@ -18,9 +18,7 @@
class="swiper-slide feedback-slide !w-[356px] !h-[325px]"
>
<div class="feedback-card !w-full !h-full">
<UiParagraph size="250" class="card-text">{{
feedback.text
}}</UiParagraph>
<UiParagraph size="250" class="card-text">{{ feedback.text }}</UiParagraph>
</div>
</div>
</div>
@ -38,34 +36,34 @@
</template>
<script setup lang="ts">
import { onMounted } from "vue";
import Swiper from "swiper";
import { Pagination, Autoplay } from "swiper/modules";
import UiHeading from "@/components/Typography/UiHeading.vue";
import UiParagraph from "@/components/Typography/UiParagraph.vue";
import feedbackData from "./_data/feedback.data";
import { onMounted } from 'vue'
import Swiper from 'swiper'
import { Pagination, Autoplay } from 'swiper/modules'
import UiHeading from '@/components/Typography/UiHeading.vue'
import UiParagraph from '@/components/Typography/UiParagraph.vue'
import feedbackData from './_data/feedback.data'
import "swiper/css";
import "swiper/css/pagination";
import UiButton from "@/components/UiButton/UiButton.vue";
import 'swiper/css'
import 'swiper/css/pagination'
import UiButton from '@/components/UiButton/UiButton.vue'
onMounted(() => {
new Swiper(".feedback-swiper", {
new Swiper('.feedback-swiper', {
modules: [Pagination, Autoplay],
direction: "horizontal",
direction: 'horizontal',
loop: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
slidesPerView: "auto",
slidesPerView: 'auto',
spaceBetween: 72,
pagination: {
el: ".swiper-pagination",
el: '.swiper-pagination',
clickable: false,
},
});
});
})
})
</script>
<style lang="css" scoped>
@ -88,7 +86,7 @@ onMounted(() => {
}
.feedback-card {
background-color: #1a1a1a;
background-color: #171b27;
border-radius: 10px;
padding: 20px;
color: #fff;