muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

fixed image arrows on mobile

Browse source
This commit is contained in:
Fedor Katurov 2021-12-23 14:15:18 +07:00
parent 5c9cd8c020
commit 41cbb9f2a2
1 changed files with 17 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/node/NodeImageSwiperBlock/styles.module.scss
View file

@ -27,21 +27,33 @@
:global(.swiper-button-prev) {
color: white;
font-size: 10px;
width: 48px;
height: 48px;
width: 40px;
height: 40px;
background: $content_bg;
border-radius: 100%;
transition: transform 0.25s;
transform: scale(1);
@include tablet {
transform: scale(0.5);
}
&:global(.swiper-button-prev) {
left: $gap;
padding-right: 5px;
padding-right: 3px;
@include tablet {
left: 5px;
}
}
&:global(.swiper-button-next) {
right: $gap;
padding-left: 5px;
padding-left: 3px;
@include tablet {
right: 5px;
}
}
&:global(.swiper-button-disabled) {
@ -50,7 +62,7 @@
}
&::after {
font-size: 24px;
font-size: 18px;
pointer-events: none;
font-weight: 900;
}