diff --git a/javascript/sdnext.css b/javascript/sdnext.css index f245dbe0e..94652f34f 100644 --- a/javascript/sdnext.css +++ b/javascript/sdnext.css @@ -30,7 +30,7 @@ textarea { overflow-y: auto !important; } .gradio-column { min-width: min(160px, 100%) !important; } .gradio-container { max-width: unset !important; padding: var(--block-label-padding) !important; } .gradio-container .prose a, .gradio-container .prose a:visited{ color: unset; text-decoration: none; } -.gradio-dropdown { margin-right: var(--spacing-sm) !important; } +.gradio-dropdown { margin-right: var(--spacing-sm) !important; min-width:160px; max-width:fit-content } .gradio-dropdown ul.options { z-index: 1000; min-width: fit-content; max-height: 33vh !important; white-space: nowrap; } .gradio-dropdown ul.options li.item { padding: var(--spacing-xs); } .gradio-dropdown ul.options li.item:not(:has(.hide)) { background-color: var(--primary-500); } diff --git a/scripts/sd_upscale.py b/scripts/sd_upscale.py index 0d35e262b..8e22febbe 100644 --- a/scripts/sd_upscale.py +++ b/scripts/sd_upscale.py @@ -18,7 +18,7 @@ class Script(scripts.Script): info = gr.HTML("
Will upscale the image by the selected scale factor; use width and height sliders to set tile size
") overlap = gr.Slider(minimum=0, maximum=256, step=16, label='Tile overlap', value=64, elem_id=self.elem_id("overlap")) scale_factor = gr.Slider(minimum=1.0, maximum=4.0, step=0.05, label='Scale Factor', value=2.0, elem_id=self.elem_id("scale_factor")) - upscaler_index = gr.Radio(label='Upscaler', choices=[x.name for x in shared.sd_upscalers], value=shared.sd_upscalers[0].name, type="index", elem_id=self.elem_id("upscaler_index")) + upscaler_index = gr.Dropdown(label='Upscaler', choices=[x.name for x in shared.sd_upscalers], value=shared.sd_upscalers[0].name, type="index", elem_id=self.elem_id("upscaler_index")) return [info, overlap, upscaler_index, scale_factor]