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 swiper arrows

Browse source
This commit is contained in:
Fedor Katurov 2021-12-22 18:11:39 +07:00
parent 3814a56fdb
commit 23b74f4079
1 changed files with 11 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -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 {