Make image viewer actually fit the whole page

This commit is contained in:
catboxanon 2023-08-17 20:21:46 -04:00
parent 541ef9247c
commit 13f1357b7f

View File

@ -609,13 +609,19 @@ table.popup-table .link{
display: flex; display: flex;
gap: 1em; gap: 1em;
padding: 1em; padding: 1em;
background-color: rgba(0,0,0,0.2); background-color:rgba(0,0,0,0);
z-index: 1;
transition: 0.2s ease background-color;
}
.modalControls:hover {
background-color:rgba(0,0,0,0.9);
} }
.modalClose { .modalClose {
margin-left: auto; margin-left: auto;
} }
.modalControls span{ .modalControls span{
color: white; color: white;
text-shadow: 0px 0px 0.25em black;
font-size: 35px; font-size: 35px;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
@ -640,6 +646,13 @@ table.popup-table .link{
min-height: 0; min-height: 0;
} }
#modalImage{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.modalPrev, .modalPrev,
.modalNext { .modalNext {
cursor: pointer; cursor: pointer;