make expanded images actually expanded

remotes/1693045480750635534/spooky-22
Aevann1 2022-08-19 23:41:43 +02:00
parent 9e5ddcbd92
commit e0e52d4c7c
3 changed files with 4 additions and 4 deletions

View File

@ -4729,7 +4729,7 @@ blockquote p, blockquote h1 {
padding-top: 0.7rem;
}
@media (min-width: 576px) {
.modal-dialog {
.modal-dialog:not(.expandedimage) {
max-width: 50% !important;
margin: 1.75rem auto !important;
}

View File

@ -1,11 +1,11 @@
<div class="modal desktop-expanded-image-modal" id="expandImageModal" tabindex="-1" role="dialog" aria-labelledby="expandImageModalTitle" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered mx-auto expandedimage" role="document">
<div class="modal-dialog modal-xl modal-dialog-centered mx-0 expandedimage" role="document">
<div class="modal-content bg-transparent shadow-none">
<div class="modal-body text-center p-0">
<div class="d-inline-block position-relative">
<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: max(250px,50vw)">
<img loading="lazy" alt="expanded image" referrerpolicy="no-referrer" src="" class="img-fluid rounded" id="desktop-expanded-image" style="min-width: 100vw">
</a>
</div>
</div>

View File

@ -1,6 +1,6 @@
{%-
set CACHE_VER = {
'css/main.css': 464,
'css/main.css': 465,
'css/catalog.css': 2,
'css/4chan.css': 61,