diff --git a/javascript/amethyst-nightfall.css b/javascript/amethyst-nightfall.css index fc732d56b..8facf8829 100644 --- a/javascript/amethyst-nightfall.css +++ b/javascript/amethyst-nightfall.css @@ -107,7 +107,7 @@ svg.feather.feather-image, .feather .feather-image { display: none } #extras_upscale { margin-top: 10px } #txt2img_progress_row > div { min-width: var(--left-column); max-width: var(--left-column); } -#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; } +#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; min-width: calc(min(320px, 100%))!IMPORTANT;} #txt2img_seed_row { padding: 0; margin-top: 8px; } #txt2img_settings { min-width: var(--left-column); max-width: var(--left-column); background-color: #111111; padding-top: 16px; } #txt2img_subseed_row { padding: 0; margin-top: 16px; } diff --git a/javascript/black-orange.css b/javascript/black-orange.css index 00b6ee96c..630546fb5 100644 --- a/javascript/black-orange.css +++ b/javascript/black-orange.css @@ -123,7 +123,7 @@ svg.feather.feather-image, .feather .feather-image { display: none } #extras_upscale { margin-top: 10px } #txt2img_progress_row > div { min-width: var(--left-column); max-width: var(--left-column); } -#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; } +#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; min-width: calc(min(320px, 100%))!IMPORTANT;} #txt2img_settings { min-width: var(--left-column); max-width: var(--left-column); background-color: #111111; padding-top: 16px; } #pnginfo_html2_info { margin-top: -18px; background-color: var(--input-background-fill); padding: var(--input-padding) } .gradio-button.tool { filter: hue-rotate(180deg) saturate(0.5); } diff --git a/javascript/black-teal.css b/javascript/black-teal.css index 899d74a42..41ac0d1e5 100644 --- a/javascript/black-teal.css +++ b/javascript/black-teal.css @@ -125,7 +125,7 @@ textarea[rows="1"] { height: 33px !important; width: 99% !important; padding: 8p #extras_upscale { margin-top: 10px } #txt2img_progress_row > div { min-width: var(--left-column); max-width: var(--left-column); } -#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; } +#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; min-width: calc(min(320px, 100%))!IMPORTANT;} #txt2img_settings { min-width: var(--left-column); max-width: var(--left-column); background-color: #111111; padding-top: 16px; } #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; } diff --git a/javascript/invoked.css b/javascript/invoked.css index d5ad34799..97788fa8c 100644 --- a/javascript/invoked.css +++ b/javascript/invoked.css @@ -119,7 +119,7 @@ button.selected {background: var(--button-primary-background-fill);} #extras_upscale { margin-top: 10px } #txt2img_progress_row > div { min-width: var(--left-column); max-width: var(--left-column); } -#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; } +#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; min-width: calc(min(320px, 100%))!IMPORTANT;} #txt2img_settings { min-width: var(--left-column); max-width: var(--left-column); background-color: #111111; padding-top: 16px; } #pnginfo_html2_info { margin-top: -18px; background-color: var(--input-background-fill); padding: var(--input-padding) } #txt2img_tools, #img2img_tools { margin-top: -4px; margin-bottom: -4px; } diff --git a/javascript/light-teal.css b/javascript/light-teal.css index 4d12778ea..03f34e4b8 100644 --- a/javascript/light-teal.css +++ b/javascript/light-teal.css @@ -121,7 +121,7 @@ svg.feather.feather-image, .feather .feather-image { display: none } #extras_upscale { margin-top: 10px } #txt2img_progress_row > div { min-width: var(--left-column); max-width: var(--left-column); } -#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; } +#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; min-width: calc(min(320px, 100%))!IMPORTANT;} #txt2img_settings { min-width: var(--left-column); max-width: var(--left-column); background-color: #111111; padding-top: 16px; } #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; } diff --git a/javascript/midnight-barbie.css b/javascript/midnight-barbie.css index cd818cf00..e341b9339 100644 --- a/javascript/midnight-barbie.css +++ b/javascript/midnight-barbie.css @@ -112,7 +112,7 @@ svg.feather.feather-image, .feather .feather-image { display: none } #extras_upscale { margin-top: 10px } #txt2img_progress_row > div { min-width: var(--left-column); max-width: var(--left-column); } -#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; } +#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; min-width: calc(min(320px, 100%))!IMPORTANT;} #txt2img_settings { min-width: var(--left-column); max-width: var(--left-column); background-color: #111111; padding-top: 16px; } #pnginfo_html2_info { margin-top: -18px; background-color: var(--input-background-fill); padding: var(--input-padding) } .gradio-button.tool { filter: hue-rotate(120deg) saturate(0.5); } diff --git a/javascript/sdnext.css b/javascript/sdnext.css index 47a4d3cec..af6dd17a0 100644 --- a/javascript/sdnext.css +++ b/javascript/sdnext.css @@ -220,7 +220,7 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt /* specific elements */ #modelmerger_interp_description { margin-top: 1em; margin-bottom: 1em; } -#scripts_alwayson_txt2img, #scripts_alwayson_img2img { display: grid; padding: 0 } +#scripts_alwayson_txt2img, #scripts_alwayson_img2img { padding: 0 } #scripts_alwayson_txt2img > .label-wrap, #scripts_alwayson_img2img > .label-wrap { background: var(--input-background-fill); padding: 0; margin: 0; border-radius: var(--radius-lg); } #scripts_alwayson_txt2img > .label-wrap > span, #scripts_alwayson_img2img > .label-wrap > span { padding: var(--spacing-xxl); } #scripts_alwayson_txt2img div { max-width: var(--left-column); }