fix expanded images

master
Aevann1 2022-10-14 13:44:03 +02:00
parent 2dd74d3acd
commit 6c2f2c5404
2 changed files with 2 additions and 5 deletions

View File

@ -5206,7 +5206,7 @@ a.emojitab {
.expandedimage { .expandedimage {
width: fit-content; width: fit-content;
width: -moz-fit-content; width: -moz-fit-content;
max-width: 100% !important; max-width: 80% !important;
} }
.m-5 { .m-5 {
@ -6293,9 +6293,6 @@ div.markdown {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.expandedimage {
max-width: 80% !important;
}
#speed-carot-modal .speed-modal-image #speed-carot-modal .speed-modal-image
{ {
width: 50px; width: 50px;

View File

@ -4,7 +4,7 @@
<div class="modal-body text-center p-0"> <div class="modal-body text-center p-0">
<div class="d-inline-block position-relative"> <div class="d-inline-block position-relative">
<a href="/" rel="nofollow noopener noreferrer" target="_blank" id="desktop-expanded-image-wrap-link"> <a href="/" rel="nofollow noopener noreferrer" target="_blank" id="desktop-expanded-image-wrap-link">
<img loading="lazy" alt="expanded image" referrerpolicy="no-referrer" src="" class="img-fluid rounded" id="desktop-expanded-image" style="min-width: 250px;min-width: min(250px,50vw);max-width:80%!important;border:5px white solid"> <img loading="lazy" alt="expanded image" referrerpolicy="no-referrer" src="" class="img-fluid rounded" id="desktop-expanded-image" style="min-width: 250px;min-width: min(250px,50vw);border:5px white solid">
</a> </a>
</div> </div>
</div> </div>