discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Fixed slides height

Browse Source
This commit is contained in:
kvakazyambra 2023-11-09 00:55:27 +03:00
parent 5652259395
commit b850bb4178
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Feed/ArticleCard/ArticleCard.module.scss
View File

@ -405,14 +405,26 @@
aspect-ratio: 16/9; aspect-ratio: 16/9;
width: 100%; width: 100%;
// padding: 0 2.4rem;
@include media-breakpoint-down(xl) { @include media-breakpoint-down(xl) {
aspect-ratio: auto; aspect-ratio: auto;
height: 100%; height: 100%;
padding-top: 30%; 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 { &.swiper-slide {
.shoutCardContent { .shoutCardContent {
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {

1
src/components/_shared/SolidSwiper/Swiper.module.scss
View File

@ -15,6 +15,7 @@
&.ArticleCardSwiper { &.ArticleCardSwiper {
margin-bottom: 6rem; margin-bottom: 6rem;
padding-bottom: 2rem;
} }
.sliderTitle { .sliderTitle {