fixed bug with navigation slider, changed styles for slider

This commit is contained in:
Kostya
2024-01-20 12:20:35 +03:00
parent b513c1f8d9
commit 2bf2336ceb
2 changed files with 4 additions and 4 deletions

View File

@@ -502,9 +502,9 @@ input[type="number"]::-webkit-outer-spin-button {
height: 100%; height: 100%;
} }
.swiper-wrapper { /*.swiper-wrapper {*/
margin-left: -140px; /* margin-left: -140px;*/
} /*}*/
.swiper-slide { .swiper-slide {
/*width: 175px !important;*/ /*width: 175px !important;*/

View File

@@ -44,7 +44,7 @@
<button class="btn-claim">Забрать 15 АР</button> <button class="btn-claim">Забрать 15 АР</button>
</div> </div>
<div class="saper-start__steps btns-style__steps"> <div class="saper-start__steps btns-style__steps">
<swiper v-if="PercentageGameSteps.length" :spaceBetween="0" :slides-per-view="4" :slides-per-group="2" :centeredSlides="true" :pagination="{ clickable: true }" :modules="modules"> <swiper v-if="PercentageGameSteps.length" :key="PercentageGameSteps[0]" :spaceBetween="0" :slides-per-view="4" :slides-per-group="1" :centeredSlides="false" :pagination="{ clickable: true }" :modules="modules">
<template v-for="(item, index) in PercentageGameSteps" :key="index"> <template v-for="(item, index) in PercentageGameSteps" :key="index">
<swiper-slide> <swiper-slide>
<button class="steps-btns__display">{{ item.toFixed(3) }}</button> <button class="steps-btns__display">{{ item.toFixed(3) }}</button>