ilia/gsap-carousel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Адаптив виджета переработан на использование container quries

Browse Source
This commit is contained in:
Ilia Mashkov
2025-11-23 16:09:23 +03:00
parent 92e0b474a4
commit 174547791b
4 changed files with 107 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/widgets/TimeFrameSlider/ui/EventsCarousel/EventsCarousel.module.scss
View File

@@ -33,27 +33,19 @@
}
:global(.swiper) {
@media (width <=768px) {
padding: 0 20px;
@container timeframe-slider (width <=768px) {
padding: 0 40px;
}
}
:global(.swiper-slide-next) {
:global(.swiper-slide-visible) {
transition: opacity 0.3s ease;
@media (width <=768px) {
@container timeframe-slider (width <768px) {
opacity: 0.4;
}
}
:global(.swiper-slide-prev) {
transition: opacity 0.3s ease;
@media (width <=768px) {
opacity: 0.4;
}
}
:global(.swiper-slide-active) {
:global(.swiper-slide-fully-visible) {
opacity: 1;
}