From b850bb41780af581312995d767a3841e30cc5f17 Mon Sep 17 00:00:00 2001 From: kvakazyambra Date: Thu, 9 Nov 2023 00:55:27 +0300 Subject: [PATCH] Fixed slides height --- .../Feed/ArticleCard/ArticleCard.module.scss | 16 ++++++++++++++-- .../_shared/SolidSwiper/Swiper.module.scss | 1 + 2 files changed, 15 insertions(+), 2 deletions(-) diff --git a/src/components/Feed/ArticleCard/ArticleCard.module.scss b/src/components/Feed/ArticleCard/ArticleCard.module.scss index 240ecb82..066b33a7 100644 --- a/src/components/Feed/ArticleCard/ArticleCard.module.scss +++ b/src/components/Feed/ArticleCard/ArticleCard.module.scss @@ -405,14 +405,26 @@ aspect-ratio: 16/9; width: 100%; - // padding: 0 2.4rem; - @include media-breakpoint-down(xl) { aspect-ratio: auto; height: 100%; padding-top: 30%; } + swiper-slide & { + @include media-breakpoint-down(lg) { + aspect-ratio: 1/1; + } + + @include media-breakpoint-down(md) { + aspect-ratio: 1/1.5; + } + + @include media-breakpoint-down(sm) { + aspect-ratio: 1/1; + } + } + &.swiper-slide { .shoutCardContent { @include media-breakpoint-down(md) { diff --git a/src/components/_shared/SolidSwiper/Swiper.module.scss b/src/components/_shared/SolidSwiper/Swiper.module.scss index c03c8d25..dd261c64 100644 --- a/src/components/_shared/SolidSwiper/Swiper.module.scss +++ b/src/components/_shared/SolidSwiper/Swiper.module.scss @@ -15,6 +15,7 @@ &.ArticleCardSwiper { margin-bottom: 6rem; + padding-bottom: 2rem; } .sliderTitle {