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 preloading for swiper

Browse source
This commit is contained in:
Fedor Katurov 2022-12-05 19:00:56 +06:00
parent 71764af45f
commit e2ffdcd1f2
2 changed files with 28 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -95,12 +95,12 @@
width: auto;
max-width: 100vw;
opacity: 1;
//transform: translate(0, 10px);
transform: scale(0.99);
filter: brightness(50%) saturate(0.5);
transition: opacity 0.5s, filter 0.5s, transform 0.5s;
padding-bottom: $gap * 1.5;
padding-top: $gap;
position: relative;
&:global(.swiper-slide-active) {
opacity: 1;
@ -117,12 +117,11 @@
}
.image {
max-height: calc(100vh - 70px - 70px);
max-width: 100%;
max-inline-size: min(calc(100vh - 70px - 70px), 100vw);
block-size: auto;
border-radius: $radius;
transition: box-shadow 1s;
box-shadow: transparentize(black, 0.7) 0 3px 5px;
opacity: 0;
:global(.swiper-slide-active) & {
box-shadow: transparentize(black, 0.9) 0 10px 5px 4px,