piranha
/
retarD
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

better-looking imgnav btns

master
Aevann 2024-02-13 21:35:15 +02:00
parent 31a6a705bb
commit 18db19b9b7
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
files/assets/css/main.css
View File

@ -7689,17 +7689,17 @@ thead {
min-width: 300px min-width: 300px
} }
.imgnav { #imgnav-next, #imgnav-prev {
border: 4px solid transparent; border: 4px solid transparent;
color: black !important; color: black !important;
font-size: 35px; font-size: 35px;
background-color: #bbbbbb !important; background-color: #939393 !important;
margin-left: -5px; margin-left: -5px;
cursor: pointer; cursor: pointer;
text-decoration: none !important; text-decoration: none !important;
} }
.imgnav:hover { #imgnav-next:hover, #imgnav-prev:hover {
border: 4px solid var(--primary); border: 4px solid var(--primary);
} }

4
files/templates/modals/expanded_image.html
View File

@ -1,11 +1,11 @@
<div class="modal" id="expandImageModal" tabindex="-1"> <div class="modal" id="expandImageModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<a id="imgnav-prev" class="imgnav fas fa-arrow-left px-5 py-3 px-md-4 py-md-5 d-none"></a> <a id="imgnav-prev" class="fas fa-arrow-left px-5 py-3 px-md-4 py-md-5 d-none"></a>
<div class="modal-body text-center p-0"> <div class="modal-body text-center p-0">
<a rel="noopener" target="_blank" id="expanded-image-wrap-link"> <a rel="noopener" target="_blank" id="expanded-image-wrap-link">
<img loading="lazy" alt="expanded image" class="rounded" id="expanded-image"> <img loading="lazy" alt="expanded image" class="rounded" id="expanded-image">
</a> </a>
</div> </div>
<a id="imgnav-next" class="imgnav fas fa-arrow-right px-5 py-3 px-md-4 py-md-5 d-none"></a> <a id="imgnav-next" class="fas fa-arrow-right px-5 py-3 px-md-4 py-md-5 d-none"></a>
</div> </div>
</div> </div>