From 94e041fd2b3efce2e928b08b6dd243cfc40a6b99 Mon Sep 17 00:00:00 2001 From: AUTOMATIC <16777216c@gmail.com> Date: Thu, 1 Sep 2022 17:27:40 +0300 Subject: style changes related to the gradio update --- style.css | 34 +++++++++++++++++++++------------- 1 file changed, 21 insertions(+), 13 deletions(-) (limited to 'style.css') 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; -- cgit v1.2.3