muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-26 05:16:41 +07:00
Code Packages Activity Actions

fixed style files module names

Browse source
This commit is contained in:
Fedor Katurov 2020-11-06 12:15:07 +07:00
parent 52acdb283e
commit 2daa38ad12
223 changed files with 113 additions and 114 deletions
Download patch file Download diff file Expand all files Collapse all files

60
src/components/node/NodeImageBlock/styles.module.scss Normal file
View file

@ -0,0 +1,60 @@
.wrap {
padding-bottom: $gap * 2;
&:global(.is_animated) {
.image_container {
transition: height 0.5s;
}
.image_wrap {
transition: opacity 0.5s;
}
}
}
.image_container {
width: 100%;
border-radius: $panel_radius 0 0 $panel_radius;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
user-select: none;
.image {
max-height: calc(100vh - 150px);
max-width: 100%;
opacity: 1;
border-radius: $radius;
@include outer_shadow();
}
}
.image_wrap {
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
touch-action: none;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
&:global(.is_active) {
opacity: 1;
}
}
.placeholder {
width: 100%;
height: calc(100vh - 130px);
border-radius: $radius;
display: flex;
align-items: center;
justify-content: center;
}