Edax/Web_Chaloupky
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Filip Šubín
2023-06-06 11:55:44 +02:00
parent 1d745f28fc
commit 3a8a866e24
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
assets/css/media.css
View File

@@ -83,6 +83,23 @@
} }
@media screen and (min-width: 75.0625rem) { @media screen and (min-width: 75.0625rem) {
.section--preview img {
width: 90vw;
height: 90vh;
transform: rotate(0deg);
}
.section--preview .preview {
top: calc(50% - 3.25rem);
left: 0;
transform: rotate(180deg);
}
.section--preview .preview--prev {
left: unset;
right: 0;
bottom: unset;
}
.close--preview { .close--preview {
top: 2rem; top: 2rem;
@@ -169,7 +186,7 @@
} }
} }
@media screen and (min-width: 20rem) and (max-width: 47.9375rem) and (orientation: landscape) { @media screen and (min-width: 20rem) and (max-width: 75.0625rem) and (orientation: landscape) {
.section--preview img { .section--preview img {
width: 90vw; width: 90vw;
height: 90vh; height: 90vh;