mirror of
https://github.com/vladmandic/sdnext.git
synced 2026-01-29 05:02:09 +03:00
update main ui
This commit is contained in:
@@ -118,7 +118,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
|
||||
#txt2img_subseed_strength { margin-top: 0; }
|
||||
#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); }
|
||||
#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 */
|
||||
|
||||
@@ -113,7 +113,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
|
||||
#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); }
|
||||
#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 */
|
||||
|
||||
@@ -123,7 +123,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
|
||||
#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; }
|
||||
#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; }
|
||||
#txt2img_styles_row, #img2img_styles_row { margin-top: -6px; }
|
||||
|
||||
/* custom elements overrides */
|
||||
|
||||
@@ -191,17 +191,15 @@ function setupExtraNetworksForTab(tabname) {
|
||||
const btnRefresh = gradioApp().getElementById(`${tabname}_extra_refresh`);
|
||||
const btnScan = gradioApp().getElementById(`${tabname}_extra_scan`);
|
||||
const btnSave = gradioApp().getElementById(`${tabname}_extra_save`);
|
||||
const btnApply = gradioApp().getElementById(`${tabname}_extra_apply`);
|
||||
const btnClose = gradioApp().getElementById(`${tabname}_extra_close`);
|
||||
txtSearch.classList.add('search');
|
||||
txtDescription.classList.add('description');
|
||||
const buttons = document.createElement('span');
|
||||
buttons.classList.add('buttons');
|
||||
buttons.appendChild(btnRefresh);
|
||||
buttons.appendChild(btnScan);
|
||||
buttons.appendChild(btnSave);
|
||||
buttons.appendChild(btnApply);
|
||||
buttons.appendChild(btnClose);
|
||||
if (btnRefresh) buttons.appendChild(btnRefresh);
|
||||
if (btnScan) buttons.appendChild(btnScan);
|
||||
if (btnSave) buttons.appendChild(btnSave);
|
||||
if (btnClose) buttons.appendChild(btnClose);
|
||||
tabs.appendChild(buttons);
|
||||
const div = document.createElement('div');
|
||||
div.classList.add('second-line');
|
||||
|
||||
@@ -120,7 +120,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
|
||||
#txt2img_results, #img2img_results, #extras_results { background-color: var(--background-color); padding: 0; }
|
||||
#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; }
|
||||
#txt2img_styles_row, #img2img_styles_row { margin-top: -6px; z-index: 200; }
|
||||
|
||||
/* custom elements overrides */
|
||||
|
||||
@@ -113,7 +113,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
|
||||
#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); }
|
||||
#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 */
|
||||
|
||||
@@ -83,10 +83,8 @@ button.custom-button{
|
||||
#txt2img_generate_box, #img2img_generate_box { gap: 0.5em; flex-wrap: wrap-reverse; height: fit-content; }
|
||||
#txt2img_actions_column, #img2img_actions_column { gap: 0.5em; height: fit-content; }
|
||||
#txt2img_generate_box > button, #img2img_generate_box > button { min-height: 42px; max-height: 42px; }
|
||||
#txt2img_generate_line2, #img2img_generate_line2 { display: flex; }
|
||||
#txt2img_generate_line2 > button, #img2img_generate_line2 > button, #extras_generate_box > button { height: 2.2em; line-height: 0; min-width: unset; display: block !important; }
|
||||
#txt2img_tools > div, #img2img_tools > div { justify-content: space-around; margin-top: 0.5em; margin-bottom: 0em; }
|
||||
#txt2img_tools > div > button, #img2img_tools > div > button { scale: 120%; min-width: 1em !important; min-height: 1em !important; }
|
||||
#txt2img_generate_line2, #img2img_generate_line2, #txt2img_tools, #img2img_tools { display: flex; }
|
||||
#txt2img_generate_line2 > button, #img2img_generate_line2 > button, #extras_generate_box > button, #txt2img_tools > button, #img2img_tools > button { height: 2.2em; line-height: 0; font-size: 1em; min-width: unset; display: block !important; }
|
||||
#txt2img_prompt, #txt2img_neg_prompt, #img2img_prompt, #img2img_neg_prompt { display: contents; }
|
||||
.interrogate-col{ min-width: 0 !important; max-width: fit-content; gap: 0.5em; }
|
||||
.interrogate-col > button{ flex: 1; }
|
||||
|
||||
@@ -179,12 +179,7 @@ function modelmerger(...args) {
|
||||
return res;
|
||||
}
|
||||
|
||||
function ask_for_style_name(_, prompt_text, negative_prompt_text) {
|
||||
const name = prompt('Style name:'); // eslint-disable-line no-alert
|
||||
return [name, prompt_text, negative_prompt_text];
|
||||
}
|
||||
|
||||
function confirm_clear_prompt(prompt, negative_prompt) {
|
||||
function clearPrompts(prompt, negative_prompt) {
|
||||
prompt = '';
|
||||
negative_prompt = '';
|
||||
return [prompt, negative_prompt];
|
||||
|
||||
Reference in New Issue
Block a user