From 3a1e82d5221ce357ad5f14fec7124d632f3bb58b Mon Sep 17 00:00:00 2001
From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com>
Date: Thu, 9 Nov 2023 10:51:26 +0300
Subject: [PATCH] Change slides per view (#303)

---
 .../_shared/SolidSwiper/ArticleCardSwiper.tsx        | 12 +++++-------
 .../_shared/SolidSwiper/Swiper.module.scss           |  3 ++-
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
index 67289745..4c4fbfab 100644
--- a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
@@ -10,7 +10,6 @@ import { ArticleCard } from '../../Feed/ArticleCard'
 
 type Props = {
   slides: Shout[]
-  slidesPerView?: number
   title?: string
 }
 
@@ -41,11 +40,10 @@ export const ArticleCardSwiper = (props: Props) => {
               thumbs-swiper={'.thumbSwiper'}
               observer={true}
               onSlideChange={handleSlideChange}
-              slides-per-view={1}
               space-between={26}
               breakpoints={{
-                576: { slidesPerView: props.slidesPerView ?? 1.5 },
-                992: { spaceBetween: 52 }
+                576: { spaceBetween: 20, slidesPerView: 1 },
+                992: { spaceBetween: 52, slidesPerView: 1.5 }
               }}
               loop={true}
               speed={800}
@@ -89,9 +87,9 @@ export const ArticleCardSwiper = (props: Props) => {
             >
               <Icon name="swiper-r-arr" class={styles.icon} />
             </div>
-            <div class={styles.counter}>
-              {slideIndex() + 1} / {props.slides.length}
-            </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 dd261c64..4fb33798 100644
--- a/src/components/_shared/SolidSwiper/Swiper.module.scss
+++ b/src/components/_shared/SolidSwiper/Swiper.module.scss
@@ -129,8 +129,9 @@
     overflow: hidden;
     width: calc(100% - 130px);
 
-    @include media-breakpoint-down(sm) {
+    @media only screen and (max-width: 576px) {
       width: 100%;
+      background: red;
     }
 
     .counter {