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) { :global(.swiper-button-prev) {
color: white; color: white;
font-size: 10px; font-size: 10px;
width: 28px; width: 48px;
height: 96px; height: 48px;
background: transparentize($content_bg, 0); background: $content_bg;
border-radius: 100%;
@include desktop { transition: transform 0.25s;
display: none; transform: scale(1);
}
&:global(.swiper-button-prev) { &:global(.swiper-button-prev) {
left: 0; left: $gap;
justify-content: flex-start; padding-right: 5px;
padding-left: 10px;
border-radius: 0 $radius $radius 0;
} }
&:global(.swiper-button-next) { &:global(.swiper-button-next) {
border-radius: $radius 0 0 $radius; right: $gap;
right: 0; padding-left: 5px;
justify-content: flex-end;
padding-right: 10px;
} }
&:global(.swiper-button-disabled) { &:global(.swiper-button-disabled) {
opacity: 0; opacity: 0;
transform: scale(0);
} }
&::after { &::after {