update css

This commit is contained in:
Vladimir Mandic
2023-10-30 09:26:52 -04:00
parent 8734445ae9
commit 5ae6128393
13 changed files with 9 additions and 27 deletions
+1 -1
View File
@@ -1,6 +1,6 @@
# Change Log for SD.Next
## Update for 2023-10-2
## Update for 2023-10-30
*Note*: Pending release of `diffusers==0.22.0`
-3
View File
@@ -119,9 +119,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
.gradio-button.tool { filter: hue-rotate(180deg) saturate(0.5); }
#txt2img_styles_row, #img2img_styles_row { margin-top: -6px; z-index: 200; }
/* custom elements overrides */
#steps-animation, #controlnet { border-width: 0; }
/* based on gradio built-in dark theme */
:root, .light, .dark {
--body-background-fill: #000000; /* Black */
-3
View File
@@ -133,9 +133,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
.gradio-button.tool { filter: hue-rotate(180deg) saturate(0.5); }
#txt2img_styles_row, #img2img_styles_row { margin-top: -6px; z-index: 200; }
/* custom elements overrides */
#steps-animation, #controlnet { border-width: 0; }
/* based on gradio built-in dark theme */
:root, .light, .dark {
--body-background-fill: var(--background-color);
-3
View File
@@ -135,9 +135,6 @@ textarea[rows="1"] { height: 33px !important; width: 99% !important; padding: 8p
#pnginfo_html2_info { margin-top: -18px; background-color: var(--input-background-fill); padding: var(--input-padding) }
#txt2img_styles_row, #img2img_styles_row { margin-top: -6px; }
/* custom elements overrides */
#steps-animation, #controlnet { border-width: 0; }
/* based on gradio built-in dark theme */
:root, .light, .dark {
--body-background-fill: var(--background-color);
-3
View File
@@ -126,9 +126,6 @@ button.selected {background: var(--button-primary-background-fill);}
#txt2img_tools, #img2img_tools { margin-top: -4px; margin-bottom: -4px; }
#txt2img_styles_row, #img2img_styles_row { margin-top: -6px; z-index: 200; }
/* custom elements overrides */
#steps-animation, #controlnet { border-width: 0; }
/* based on gradio built-in dark theme */
:root, .light, .dark {
--body-background-fill: var(--background-color);
-3
View File
@@ -130,9 +130,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
#pnginfo_html2_info { margin-top: -18px; background-color: var(--input-background-fill); padding: var(--input-padding) }
#txt2img_styles_row, #img2img_styles_row { margin-top: -6px; z-index: 200; }
/* custom elements overrides */
#steps-animation, #controlnet { border-width: 0; }
/* based on gradio built-in dark theme */
:root, .light, .dark {
--background-fill-secondary: none;
-3
View File
@@ -119,9 +119,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
.gradio-button.tool { filter: hue-rotate(120deg) saturate(0.5); }
#txt2img_styles_row, #img2img_styles_row { margin-top: -6px; z-index: 200; }
/* custom elements overrides */
#steps-animation, #controlnet { border-width: 0; }
/* based on gradio built-in dark theme */
:root, .light, .dark {
--body-background-fill: var(--background-color);
+3 -3
View File
@@ -46,12 +46,12 @@ tr { border-bottom: none !important; padding: 0.1em 0.5em !important; }
/* custom gradio elements */
.accordion-compact { padding: 8px 0px 4px 0px !important; }
.settings-accordion .gap { padding-right: 1000px; }
.settings-accordion >div { flex-flow: wrap; }
.small-accordion .form { min-width: var(--left-column) !important; }
.settings-accordion > div { flex-flow: wrap; }
.small-accordion .form { min-width: var(--left-column) !important; width: max-content; }
.small-accordion .label-wrap .icon { margin-right: 1.6em; margin-left: 0.6em; color: var(--button-primary-border-color); }
.small-accordion .label-wrap { padding: 16px 0px 8px 0px; margin: 0; border-top: 2px solid var(--button-secondary-border-color); }
.small-accordion { width: fit-content !important; padding-left: 0 !important; }
.extension-script { max-width: 50vw; }
button.custom-button{ border-radius: var(--button-large-radius); padding: var(--button-large-padding); font-weight: var(--button-large-text-weight); border: var(--button-border-width) solid var(--button-secondary-border-color);
background: var(--button-secondary-background-fill); color: var(--button-secondary-text-color); font-size: var(--button-large-text-size);
display: inline-flex; justify-content: center; align-items: center; transition: var(--button-transition); box-shadow: var(--button-shadow); text-align: center; }
+1 -1
View File
@@ -18,7 +18,7 @@ try:
with open(config_path, 'r', encoding='utf8') as f:
config = json.load(f)
except Exception as err:
print('Error loading config file: ${config_path} {err}')
print(f'Error loading config file: ${config_path} {err}')
config = {}
modules_path = os.path.dirname(os.path.realpath(__file__))
+1 -1
View File
@@ -471,7 +471,7 @@ class ScriptRunner:
for script in self.alwayson_scripts:
t0 = time.time()
elem_id = f'script_{"txt2img" if script.is_txt2img else "img2img"}_{script.title().lower().replace(" ", "_")}'
with gr.Group(elem_id=elem_id) as group:
with gr.Group(elem_id=elem_id, elem_classes=['extension-script']) as group:
create_script_ui(script, inputs, inputs_alwayson)
script.group = group
time_setup[script.title()] = time_setup.get(script.title(), 0) + (time.time()-t0)
+1 -1
View File
@@ -88,7 +88,7 @@ class ScriptPostprocessingRunner:
def setup_ui(self):
inputs = []
for script in self.scripts_in_preferred_order():
with gr.Accordion(label=script.name, open=False) as group:
with gr.Accordion(label=script.name, open=False, elem_classes=['postprocess']) as group:
self.create_script_ui(script, inputs)
script.group = group
self.ui_created = True
+1 -1
View File
@@ -644,7 +644,7 @@ def create_ui(startup_timer = None):
steps, sampler_index = create_sampler_and_steps_selection(modules.sd_samplers.samplers_for_img2img, "img2img")
with gr.Accordion(open=False, label="Resize", elem_classes=["small-accordion"], elem_id="img2img_resize_group"):
with FormRow():
with gr.Row():
resize_mode = gr.Radio(label="Resize mode", elem_id="resize_mode", choices=["None", "Resize fixed", "Crop and resize", "Resize and fill", "Latent upscale"], type="index", value="None")
with FormRow():