michael/stable-diffusion-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add styles for image zoom

Browse source
This commit is contained in:
DepFA 2022-09-19 02:33:37 +01:00 committed by AUTOMATIC1111
parent 6d7ca54a1a
commit 326236ed31
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
style.css
View file

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