modernui updates

Signed-off-by: Vladimir Mandic <mandic00@live.com>
This commit is contained in:
Vladimir Mandic
2025-07-22 10:07:17 -04:00
parent 34031f54d3
commit 36c356785e
11 changed files with 48 additions and 52 deletions
+1 -1
View File
@@ -413,13 +413,13 @@ async function fetchFilesWS(evt) { // fetch file-by-file list over websockets
let fragment = document.createDocumentFragment();
ws.onmessage = (event) => {
numFiles++;
t1 = performance.now();
const data = decodeURI(event.data).split('##F##');
if (data[0] === '#END#') {
ws.close();
} else {
const file = new GalleryFile(data[0], data[1]);
numFiles++;
fragment.appendChild(file);
if (numFiles % 100 === 0) {
el.status.innerText = `Folder | ${evt.target.name} | ${numFiles.toLocaleString()} images | in-progress | ${Math.floor(t1 - t0).toLocaleString()}ms`;
+3 -3
View File
@@ -1093,7 +1093,7 @@ function makeDomController(domElement, options) {
domElement.scrollTop = 0;
if (!options.disableKeyboardInteraction) {
owner.setAttribute('tabindex', 0);
if (owner) owner.setAttribute('tabindex', 0);
}
var api = {
@@ -1287,7 +1287,7 @@ function makeSvgController(svgElement, options) {
}
if (!options.disableKeyboardInteraction) {
owner.setAttribute('tabindex', 0);
if (owner) owner.setAttribute('tabindex', 0);
}
var api = {
@@ -1339,7 +1339,7 @@ function makeSvgController(svgElement, options) {
}
function applyTransform(transform) {
svgElement.setAttribute('transform', 'matrix(' +
if (svgElement) svgElement.setAttribute('transform', 'matrix(' +
transform.scale + ' 0 0 ' +
transform.scale + ' ' +
transform.x + ' ' + transform.y + ')')
+1 -2
View File
@@ -408,8 +408,7 @@ div:has(>#tab-gallery-folders) { flex-grow: 0 !important; background-color: var(
#img2img_actions_column { display: flex; min-width: fit-content !important; flex-direction: row;justify-content: space-evenly; align-items: center;}
#txt2img_generate_box, #img2img_generate_box, #txt2img_enqueue_wrapper,#img2img_enqueue_wrapper {display: flex;flex-direction: column;height: 4em !important;align-items: stretch;justify-content: space-evenly;}
#img2img_interface, #img2img_results, #img2img_footer p { text-wrap: wrap; min-width: 100% !important; max-width: 100% !important;} /* maintain single column for from image operations on larger mobile devices */
#txt2img_sampler, #txt2img_batch, #txt2img_seed_group, #txt2img_advanced, #txt2img_second_pass, #img2img_sampling_group, #img2img_resize_group, #img2img_batch_group, #img2img_seed_group, #img2img_denoise_group, #img2img_advanced_group { width: 100% !important; } /* fix from text/image UI
elements to prevent them from moving around within the UI */
#txt2img_sampler, #txt2img_batch, #txt2img_seed_group, #txt2img_advanced, #img2img_sampling_group, #img2img_resize_group, #img2img_batch_group, #img2img_seed_group, #img2img_denoise_group, #img2img_advanced_group { width: 100% !important; } /* fix from text/image UI elements to prevent them from moving around within the UI */
#img2img_resize_group .gradio-radio>div { display: flex; flex-direction: column; width: unset !important; }
#inpaint_controls div { display:flex;flex-direction: row;}
#inpaint_controls .gradio-radio>div { display: flex; flex-direction: column !important; }