diff --git a/CHANGELOG.md b/CHANGELOG.md index 481223a0d..3367e98dc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,7 @@ - HunyuanVideo optimizations: full offload, quantization and tiling support - LTXVideo optimizations: full offload, quantization and tiling support - Do not show disabled networks +- CSS optimizations when log view is disabled ## Update for 2024-12-24 diff --git a/javascript/extraNetworks.js b/javascript/extraNetworks.js index 1d1bcfb24..c42ba5761 100644 --- a/javascript/extraNetworks.js +++ b/javascript/extraNetworks.js @@ -440,7 +440,8 @@ function setupExtraNetworksForTab(tabname) { for (const el of Array.from(gradioApp().getElementById(`${tabname}_extra_tabs`).querySelectorAll('.extra-networks-page'))) { const h = Math.trunc(entry.contentRect.height); if (h <= 0) return; - if (window.opts.extra_networks_card_cover === 'sidebar' && window.opts.theme_type === 'Standard') el.style.height = `max(55vh, ${h - 90}px)`; + const vh = opts.logmonitor_show ? '55vh' : '68vh'; + if (window.opts.extra_networks_card_cover === 'sidebar' && window.opts.theme_type === 'Standard') el.style.height = `max(${vh}, ${h - 90}px)`; // log(`${tabname} height: ${entry.target.id}=${h} ${el.id}=${el.clientHeight}`); } } diff --git a/javascript/gallery.js b/javascript/gallery.js index 05e594e4c..32f261e12 100644 --- a/javascript/gallery.js +++ b/javascript/gallery.js @@ -396,6 +396,7 @@ async function initGallery() { // triggered on gradio change to monitor when ui el.search = gradioApp().querySelector('#tab-gallery-search textarea'); el.search.addEventListener('input', gallerySearch); el.btnSend = gradioApp().getElementById('tab-gallery-send-image'); + document.getElementById('tab-gallery-files').style.height = opts.logmonitor_show ? '75vh' : '85vh'; const intersectionObserver = new IntersectionObserver((entries) => { if (entries[0].intersectionRatio <= 0) galleryHidden(); diff --git a/javascript/logMonitor.js b/javascript/logMonitor.js index 9b915e6da..151bb9df5 100644 --- a/javascript/logMonitor.js +++ b/javascript/logMonitor.js @@ -44,10 +44,17 @@ async function logMonitor() { if (modenUIBtn) modenUIBtn.setAttribute('error-count', logErrors > 0 ? logErrors : ''); }; + document.getElementById('txt2img_gallery').style.height = opts.logmonitor_show ? '50vh' : '55vh'; + document.getElementById('img2img_gallery').style.height = opts.logmonitor_show ? '50vh' : '55vh'; + + if (!opts.logmonitor_show) { + Array.from(document.getElementsByClassName('log-monitor')).forEach((el) => el.style.display = 'none'); + return; + } + if (logMonitorStatus) setTimeout(logMonitor, opts.logmonitor_refresh_period); else setTimeout(logMonitor, 10 * 1000); // on failure try to reconnect every 10sec - if (!opts.logmonitor_show) return; logMonitorStatus = false; if (!logMonitorEl) { logMonitorEl = document.getElementById('logMonitorData'); diff --git a/javascript/sdnext.css b/javascript/sdnext.css index 69d67baf8..2e85c6988 100644 --- a/javascript/sdnext.css +++ b/javascript/sdnext.css @@ -324,7 +324,7 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt div:has(>#tab-gallery-folders) { flex-grow: 0 !important; background-color: var(--input-background-fill); min-width: max-content !important; } .gallery-separator { background-color: var(--input-background-fill); font-size: larger; padding: 0.5em; display: block !important; } #html_log_gallery { font-size: 0.95em; } -#gallery_gallery { height: 60vh; } +#gallery_gallery { height: 63vh; } #gallery_gallery .thumbnails { display: none; } #gallery_gallery .preview { background: none; } #gallery_gallery img { object-fit: contain; height: 100% !important; }