Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix webkit image blurs

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/media_modal/media_modal.vue
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, .description,
.counter { .counter {
/* Hardcoded since background is also hardcoded */ /* Hardcoded since background is also hardcoded */
@ -189,9 +175,8 @@
} }
.modal-image { .modal-image {
max-width: 90%; max-width: 100%;
max-height: 90%; max-height: 100%;
box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.5);
image-orientation: from-image; // NOTE: only FF supports this image-orientation: from-image; // NOTE: only FF supports this
animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein; animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;