style changes related to the gradio update

1 files changed, 21 insertions, 13 deletions

diff --git a/style.css b/style.css
index ff545c63..2af7b00e 100644
--- a/style.css
+++ b/style.css
@@ -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;

+    top: -0.6em;

+    line-height: 1.2em;

     padding: 0 0.5em;

+    margin: 0;

 }

-.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;

-    padding: 0 0.5em;

-    margin: 0;

+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);

 }

-.dark .gr-panel div.flex-col div.justify-between label, .dark label.block span{ background-color: rgb(17 24 39); }

+

 

 .gr-panel div.flex-col div.justify-between label span{

     margin: 0;