Fix webkit image blurs

This commit is contained in:
Tusooa Zhu 2022-02-20 22:02:31 -05:00
parent 1128cc463c
commit 90b066a744
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
1 changed files with 19 additions and 34 deletions

View File

@ -156,20 +156,6 @@
}
}
.modal-image {
max-width: 100%;
max-height: 100%;
min-width: 0;
min-height: 0;
image-orientation: from-image; // NOTE: only FF supports this
animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;
}
//.modal-image {
// height: 90vh;
// width: 100%;
//}
.description,
.counter {
/* Hardcoded since background is also hardcoded */
@ -189,9 +175,8 @@
}
.modal-image {
max-width: 90%;
max-height: 90%;
box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.5);
max-width: 100%;
max-height: 100%;
image-orientation: from-image; // NOTE: only FF supports this
animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;