muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46: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) { :global(.swiper-button-prev) {
color: white; color: white;
font-size: 10px; font-size: 10px;
width: 48px; width: 40px;
height: 48px; height: 40px;
background: $content_bg; background: $content_bg;
border-radius: 100%; border-radius: 100%;
transition: transform 0.25s; transition: transform 0.25s;
transform: scale(1); transform: scale(1);
@include tablet {
transform: scale(0.5);
}
&:global(.swiper-button-prev) { &:global(.swiper-button-prev) {
left: $gap; left: $gap;
padding-right: 5px; padding-right: 3px;
@include tablet {
left: 5px;
}
} }
&:global(.swiper-button-next) { &:global(.swiper-button-next) {
right: $gap; right: $gap;
padding-left: 5px; padding-left: 3px;
@include tablet {
right: 5px;
}
} }
&:global(.swiper-button-disabled) { &:global(.swiper-button-disabled) {
@ -50,7 +62,7 @@
} }
&::after { &::after {
font-size: 24px; font-size: 18px;
pointer-events: none; pointer-events: none;
font-weight: 900; font-weight: 900;
} }