Better fit images to viewport

This commit is contained in:
Bartek Fabiszewski 2020-05-31 13:11:39 +02:00
parent 2f9584284b
commit 620e0b2b15

View File

@ -361,8 +361,6 @@ label[for=user] {
left: 50%; left: 50%;
transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important;
font-size: 0.9em; font-size: 0.9em;
width: 40%;
max-width: 600px;
min-width: 300px; min-width: 300px;
margin: 0 auto 15% auto; margin: 0 auto 15% auto;
padding: 1em; padding: 1em;
@ -400,21 +398,16 @@ label[for=user] {
} }
#modal.image #modal-body img { #modal.image #modal-body img {
max-width: 100%;
height: auto; height: auto;
max-width: 90vw;
max-height: 87vh; max-height: 87vh;
} }
#modal.image #modal-body { #modal.image #modal-body {
width: 90%;
text-align: center; text-align: center;
background-color: rgb(45, 45, 45); background-color: rgb(45, 45, 45);
} }
#modal.image #modal-header {
width: 90%;
}
button { button {
font-weight: bold; font-weight: bold;
margin-right: 5px; margin-right: 5px;