mirror of
https://github.com/vladmandic/automatic
synced 2026-09-18 16:54:33 +02:00
Merge pull request #2445 from iDeNoh/new-css-fixes
fixing previous css modifications
This commit is contained in:
@@ -107,7 +107,6 @@ 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; 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; }
|
||||
|
||||
@@ -123,7 +123,6 @@ 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; 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); }
|
||||
|
||||
@@ -125,7 +125,6 @@ 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; 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; }
|
||||
|
||||
@@ -119,7 +119,6 @@ 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; 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; }
|
||||
|
||||
@@ -121,7 +121,6 @@ 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; 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; }
|
||||
|
||||
@@ -112,7 +112,6 @@ 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; 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); }
|
||||
|
||||
@@ -280,14 +280,15 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt
|
||||
--spacing-xxl: 6px;
|
||||
}
|
||||
|
||||
/* Apply different styles for devices with coarse pointers */
|
||||
|
||||
/* Apply different styles for devices with coarse pointers dependant on screen resolution */
|
||||
@media (hover: none) and (pointer: coarse) {
|
||||
|
||||
/* Screens 400px and smaller */
|
||||
@media (max-width: 425px) {
|
||||
:root, .light, .dark { --left-column: 100%; }
|
||||
#settings {display: flex;gap: var(--layout-gap);flex-wrap: wrap;flex-direction: row;}
|
||||
#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; min-width: calc(min(320px, 100%)) !important;}
|
||||
.gradio-slider input[type="number"] { width: 4em; font-size: 0.8rem; height: 16px; text-align: center; }
|
||||
}
|
||||
|
||||
@@ -296,6 +297,7 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt
|
||||
:root, .light, .dark { --left-column: 39%; }
|
||||
#scripts_alwayson_txt2img div { max-width: 99%; }
|
||||
#settings {display: flex;gap: var(--layout-gap);flex-wrap: wrap;flex-direction: row;}
|
||||
#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0;}
|
||||
.gradio-slider input[type="number"] { width: 4em; font-size: 0.8rem; height: 16px; text-align: center; }
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user