hotfix: add swiper slides gap

moodbeat · Aug 3, 2023 · d1ba0b6 · d1ba0b6
1 parent dd616c1
commit d1ba0b6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/pages/landing/components/AudienceSwiper/AudienceSwiper.module.css b/src/pages/landing/components/AudienceSwiper/AudienceSwiper.module.css
@@ -9,7 +9,7 @@
 .sectionAudienceContainer {
   padding: 82px 60px 0;
   width: 100%;
-  max-width: 1600px;
+  max-width: 430px;
   margin: 0 auto;
 }
 .sectionAudienceTitle {
@@ -30,7 +30,7 @@
   flex-direction: column;
   gap: 20px;
   width: 467px;
-  min-height: 550px;
+  min-height: 467px;
   border-radius: 20px;
   padding: 40px 36px;
   border: 1px solid transparent;

diff --git a/src/pages/landing/components/AudienceSwiper/AudienceSwiper.tsx b/src/pages/landing/components/AudienceSwiper/AudienceSwiper.tsx
@@ -14,7 +14,7 @@ export const AudienceSwiper: React.FC = () => {
         <Swiper
           style={{ padding: "4px", zIndex: 0 }}
           className={styles.audienceCards}
-          spaceBetween={0}
+          spaceBetween={8}
           slidesPerView={1}
         >
           <SwiperSlide className={styles.audienceCard}>