AUTOMATIC1111/stable-diffusion-webui
1
0
Fork 0
mirror of https://github.com/AUTOMATIC1111/stable-diffusion-webui.git synced 2026-04-26 17:29:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

big rework of progressbar/preview system to allow multiple users to prompts at the same time and do not get previews of each other

Browse Source
This commit is contained in:
AUTOMATIC
2023-01-15 18:50:56 +03:00
parent ebfdd7baeb
commit d8b90ac121
16 changed files with 395 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
style.css
View File

@@ -305,26 +305,42 @@ input[type="range"]{
}
.progressDiv{
width: 100%;
height: 20px;
background: #b4c0cc;
border-radius: 8px;
position: absolute;
height: 20px;
top: -20px;
background: #b4c0cc;
border-radius: 8px !important;
}
.dark .progressDiv{
background: #424c5b;
background: #424c5b;
}
.progressDiv .progress{
width: 0%;
height: 20px;
background: #0060df;
color: white;
font-weight: bold;
line-height: 20px;
padding: 0 8px 0 0;
text-align: right;
border-radius: 8px;
width: 0%;
height: 20px;
background: #0060df;
color: white;
font-weight: bold;
line-height: 20px;
padding: 0 8px 0 0;
text-align: right;
border-radius: 8px;
overflow: visible;
white-space: nowrap;
}
.livePreview{
position: absolute;
z-index: 300;
background-color: white;
margin: -4px;
}
.livePreview img{
object-fit: contain;
width: 100%;
height: 100%;
}
#lightboxModal{
@@ -450,23 +466,25 @@ input[type="range"]{
display:none
}
#txt2img_interrupt, #img2img_interrupt{
position: absolute;
width: 50%;
height: 72px;
background: #b4c0cc;
border-radius: 0px;
display: none;
#txt2img_generate_box, #img2img_generate_box{
position: relative;
}
#txt2img_interrupt, #img2img_interrupt, #txt2img_skip, #img2img_skip{
position: absolute;
width: 50%;
height: 100%;
background: #b4c0cc;
display: none;
}
#txt2img_interrupt, #img2img_interrupt{
right: 0;
border-radius: 0 0.5rem 0.5rem 0;
}
#txt2img_skip, #img2img_skip{
position: absolute;
width: 50%;
right: 0px;
height: 72px;
background: #b4c0cc;
border-radius: 0px;
display: none;
left: 0;
border-radius: 0.5rem 0 0 0.5rem;
}
.red {