From 094fc50d4591c327b834eb0d8282a057c5e0b476 Mon Sep 17 00:00:00 2001 From: Alexander Brown Date: Sun, 28 May 2023 12:44:46 -0700 Subject: [PATCH] Add weight/steps styling Increase specificity for preprocessor/model now that they're class selectors --- javascript/style.css | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/javascript/style.css b/javascript/style.css index 523e50aba..b3f27cac9 100644 --- a/javascript/style.css +++ b/javascript/style.css @@ -682,19 +682,28 @@ footer { grid-template-columns: repeat(4, minmax(0, 1fr)); } -.controlnet_preprocessor_model { +div.controlnet_preprocessor_model { display: grid; grid-auto-flow: row; grid-template-columns: 1fr max-content; } -.controlnet_preprocessor_model button.gradio-button { +div.controlnet_preprocessor_model button.gradio-button { align-self: center; } -.controlnet_resize_mode_radio .wrap:last-of-type, -.controlnet_control_mode_radio .wrap:last-of-type { +fieldset.controlnet_resize_mode_radio .wrap:last-of-type, +fieldset.controlnet_control_mode_radio .wrap:last-of-type { flex-direction: column; } +div.controlnet_weight_steps > div.form { + display: grid; + grid-template: repeat(2, 1fr) / repeat(2, 1fr); +} + +div.controlnet_weight_steps .controlnet_control_weight_slider { + grid-column: 1 / 3; +} + #modelmerger_interp_description { margin-top: 1em; margin-bottom: 1em; }