andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Refactor and fix

Browse source
This commit is contained in:
schmelczerandras 2020-11-22 22:43:28 +01:00
parent 91d92f7f48
commit 4be519f052
22 changed files with 118 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/page/image-viewer/image-viewer.scss
View file

@ -1,20 +1,18 @@
@use '../../style/mixins' as *;
section#image-viewer {
#image-viewer {
@include center-children();
display: none;
@include blurred-background();
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.85);
#container > * {
width: auto;
height: auto;
img {
@include square(auto);
@include on-large-screen {
max-width: 80vw;
@ -22,17 +20,20 @@ section#image-viewer {
}
@include on-small-screen {
max-width: 95vw;
max-height: 95vh;
max-width: 92.5vw;
max-height: 92.5vh;
}
}
#cancel {
@include image-button(var(--large-icon-size));
@include square(calc(var(--large-icon-size) + var(--normal-margin) * 2));
position: absolute;
right: 0;
top: 0;
@include image-button(var(--large-icon-size));
svg {
stroke: var(--normal-text-color);
}
}
}