From 7f7c12df2b41f53fba5c69098eef61d1cf86de72 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Tue, 11 Jan 2022 14:58:30 +0700 Subject: [PATCH] scaling inactive slides down --- src/components/node/NodeImageSwiperBlock/styles.module.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/node/NodeImageSwiperBlock/styles.module.scss b/src/components/node/NodeImageSwiperBlock/styles.module.scss index 01f91258..19176721 100644 --- a/src/components/node/NodeImageSwiperBlock/styles.module.scss +++ b/src/components/node/NodeImageSwiperBlock/styles.module.scss @@ -90,7 +90,8 @@ width: auto; max-width: 100vw; opacity: 1; - transform: translate(0, 10px); + //transform: translate(0, 10px); + transform: scale(0.99); filter: brightness(50%) saturate(0.5); transition: opacity 0.5s, filter 0.5s, transform 0.5s; padding-bottom: $gap * 1.5; @@ -99,7 +100,8 @@ &:global(.swiper-slide-active) { opacity: 1; filter: brightness(100%); - transform: translate(0, 0); + //transform: translate(0, 0); + transform: scale(1); } @include tablet {