Public/automatic
1
0
Fork 0
mirror of https://github.com/vladmandic/automatic synced 2026-09-17 16:24:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

add compact view

Browse Source
This commit is contained in:
Vladimir Mandic
2023-10-02 07:56:11 -04:00
parent 9d335a34e8
commit 9a5f339082
8 changed files with 31 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript/ui.js
+15
View File
@@ -370,6 +370,21 @@ function create_theme_element() {
return el;
}
function toggleCompact(val) {
log('toggleCompact', val);
if (val) {
gradioApp().style.setProperty('--layout-gap', 'var(--spacing-md)');
gradioApp().querySelectorAll('input[type=range]').forEach((el) => el.classList.add('hidden'));
gradioApp().querySelectorAll('div .form').forEach((el) => el.classList.add('form-compact'));
gradioApp().querySelectorAll('.small-accordion .label-wrap').forEach((el) => el.classList.add('accordion-compact'));
} else {
gradioApp().style.setProperty('--layout-gap', 'var(--spacing-xxl)');
gradioApp().querySelectorAll('input[type=range]').forEach((el) => el.classList.remove('hidden'));
gradioApp().querySelectorAll('div .form').forEach((el) => el.classList.remove('form-compact'));
gradioApp().querySelectorAll('.small-accordion .label-wrap').forEach((el) => el.classList.remove('accordion-compact'));
}
}
function previewTheme() {
let name = gradioApp().getElementById('setting_gradio_theme').querySelectorAll('input')?.[0].value || '';
fetch('/file=html/themes.json').then((res) => {