style changes related to the gradio update

This commit is contained in:
AUTOMATIC
2022-09-01 17:27:40 +03:00
parent d28c94b8c3
commit 94e041fd2b
2 changed files with 24 additions and 16 deletions

View File

@@ -1,6 +1,10 @@
.output-html p {margin: 0 0.5em;}
.performance { font-size: 0.85em; color: #444; }
#txt2img_generate, #img2img_generate{
max-width: 13em;
}
button{
align-self: stretch !important;
}
@@ -23,24 +27,28 @@ button{
overflow: visible !important;
}
fieldset span.text-gray-500{
fieldset span.text-gray-500, .gr-panel div.flex-col div.justify-between label, label.block span{
position: absolute;
top: -0.425em;
background-color: rgb(249 250 251);
line-height: 0.7em;
padding: 0 0.5em;
}
.dark fieldset span.text-gray-500 { background-color: rgb(17 24 39); }
.gr-panel div.flex-col div.justify-between label, label.block span{
position: absolute;
top: -0.4em;
background-color: rgb(249 250 251);
line-height: 0.7em;
top: -0.6em;
line-height: 1.2em;
padding: 0 0.5em;
margin: 0;
}
.dark .gr-panel div.flex-col div.justify-between label, .dark label.block span{ background-color: rgb(17 24 39); }
fieldset span.text-gray-500, .gr-panel div.flex-col div.justify-between label, label.block span{
background-color: white;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
.dark fieldset span.text-gray-500, .dark .gr-panel div.flex-col div.justify-between label, .dark label.block span{
background-color: rgb(31, 41, 55);
border-top: 1px solid rgb(55 65 81);
border-left: 1px solid rgb(55 65 81);
border-right: 1px solid rgb(55 65 81);
}
.gr-panel div.flex-col div.justify-between label span{
margin: 0;