From 23b74f407961ecbe7bd657fdd5dc909e887d874c Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 22 Dec 2021 18:11:39 +0700
Subject: [PATCH] fixed swiper arrows
---
.../NodeImageSwiperBlock/styles.module.scss | 26 ++++++++-----------
1 file changed, 11 insertions(+), 15 deletions(-)
diff --git a/src/components/node/NodeImageSwiperBlock/styles.module.scss b/src/components/node/NodeImageSwiperBlock/styles.module.scss
index df90d7b4..20c76b7c 100644
--- a/src/components/node/NodeImageSwiperBlock/styles.module.scss
+++ b/src/components/node/NodeImageSwiperBlock/styles.module.scss
@@ -27,30 +27,26 @@
:global(.swiper-button-prev) {
color: white;
font-size: 10px;
- width: 28px;
- height: 96px;
- background: transparentize($content_bg, 0);
-
- @include desktop {
- display: none;
- }
+ width: 48px;
+ height: 48px;
+ background: $content_bg;
+ border-radius: 100%;
+ transition: transform 0.25s;
+ transform: scale(1);
&:global(.swiper-button-prev) {
- left: 0;
- justify-content: flex-start;
- padding-left: 10px;
- border-radius: 0 $radius $radius 0;
+ left: $gap;
+ padding-right: 5px;
}
&:global(.swiper-button-next) {
- border-radius: $radius 0 0 $radius;
- right: 0;
- justify-content: flex-end;
- padding-right: 10px;
+ right: $gap;
+ padding-left: 5px;
}
&:global(.swiper-button-disabled) {
opacity: 0;
+ transform: scale(0);
}
&::after {