From a146961d765939aa3cd122b4bbad31ba79f399a9 Mon Sep 17 00:00:00 2001
From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com>
Date: Fri, 10 Nov 2023 06:16:42 +0300
Subject: [PATCH] fix slider (#308)

---
 .../_shared/SolidSwiper/ArticleCardSwiper.tsx     | 15 ++++-----------
 .../_shared/SolidSwiper/Swiper.module.scss        |  5 +----
 2 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
index 85c7e52f..2cec4479 100644
--- a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
@@ -37,12 +37,12 @@ export const ArticleCardSwiper = (props: Props) => {
             <swiper-container
               ref={(el) => (mainSwipeRef.current = el)}
               centered-slides={true}
-              thumbs-swiper={'.thumbSwiper'}
               observer={true}
               onSlideChange={handleSlideChange}
               space-between={20}
+              slides-per-view={1.5}
               breakpoints={{
-                576: { spaceBetween: 20, slidesPerView: 1.5 },
+                576: { spaceBetween: 20, slidesPerView: 1 },
                 992: { spaceBetween: 52, slidesPerView: 1.5 }
               }}
               round-lengths={true}
@@ -73,24 +73,17 @@ export const ArticleCardSwiper = (props: Props) => {
               </For>
             </swiper-container>
             <div
-              class={clsx(styles.navigation, styles.prev, {
-                [styles.disabled]: slideIndex() === 0
-              })}
+              class={clsx(styles.navigation, styles.prev)}
               onClick={() => mainSwipeRef.current.swiper.slidePrev()}
             >
               <Icon name="swiper-l-arr" class={styles.icon} />
             </div>
             <div
-              class={clsx(styles.navigation, styles.next, {
-                [styles.disabled]: slideIndex() + 1 === props.slides.length
-              })}
+              class={clsx(styles.navigation, styles.next)}
               onClick={() => mainSwipeRef.current.swiper.slideNext()}
             >
               <Icon name="swiper-r-arr" class={styles.icon} />
             </div>
-            {/*<div class={styles.counter}>*/}
-            {/*  {slideIndex() + 1} / {props.slides.length}*/}
-            {/*</div>*/}
           </div>
         </Show>
       </div>
diff --git a/src/components/_shared/SolidSwiper/Swiper.module.scss b/src/components/_shared/SolidSwiper/Swiper.module.scss
index 9229ec5e..648ca264 100644
--- a/src/components/_shared/SolidSwiper/Swiper.module.scss
+++ b/src/components/_shared/SolidSwiper/Swiper.module.scss
@@ -126,10 +126,7 @@
     position: relative;
     box-sizing: border-box;
     overflow: hidden;
-
-    @include media-breakpoint-up(sm) {
-      //width: calc(100% - 130px);
-    }
+    width: 100%;
 
     .counter {
       @include font-size(1.2rem);