add styles for image zoom

This commit is contained in:
DepFA 2022-09-19 02:33:37 +01:00 committed by AUTOMATIC1111
parent 6d7ca54a1a
commit 326236ed31

View file

@ -246,17 +246,26 @@ input[type="range"]{
background-color: rgba(20, 20, 20, 0.95);
}
.modalClose {
.modalClose,
.modalZoom {
color: white;
position: absolute;
top: 10px;
right: 25px;
font-size: 35px;
font-weight: bold;
cursor: pointer;
}
.modalZoom {
left: 10px;
right: auto;
}
.modalClose:hover,
.modalClose:focus {
.modalClose:focus,
.modalZoom:hover,
.modalZoom:focus {
color: #999;
text-decoration: none;
cursor: pointer;
@ -270,6 +279,11 @@ input[type="range"]{
width: auto;
}
.modalImageFullscreen {
max-width: max-content;
height: 90%;
}
.modalPrev,
.modalNext {
cursor: pointer;