diff --git a/ui_server.py b/ui_server.py index 84e937c..797f2fd 100644 --- a/ui_server.py +++ b/ui_server.py @@ -1450,9 +1450,9 @@ HTML = """ .config-canvas > .config-block.settings-group > label { display: grid; } .config-canvas > .config-block.settings-group > .control-fields { display: grid !important; } .config-canvas > .config-block.settings-group { --block-scale: 1; padding: calc(9px * var(--block-scale)) calc(10px * var(--block-scale)); gap: calc(8px * var(--block-scale)); } - .config-canvas > .config-block.settings-group > summary { padding-bottom: calc(4px * var(--block-scale)); font-size: clamp(10px, calc(11px * var(--block-scale)), 16px); } - .config-block.settings-group label, .config-block.settings-group .file-picked { gap: calc(2px * var(--block-scale)); font-size: clamp(9px, calc(10px * var(--block-scale)), 15px); } - .config-block.settings-group input:not([type="checkbox"]):not([type="file"]), .config-block.settings-group select, .config-block.settings-group button { min-height: calc(27px * var(--block-scale)); height: calc(27px * var(--block-scale)); padding-left: calc(7px * var(--block-scale)); padding-right: calc(7px * var(--block-scale)); font-size: clamp(10px, calc(12px * var(--block-scale)), 17px); } + .config-canvas > .config-block.settings-group > summary { padding-bottom: calc(4px * var(--block-scale)); font-size: clamp(8px, calc(11px * var(--block-scale)), 24px); } + .config-block.settings-group label, .config-block.settings-group .file-picked { gap: calc(2px * var(--block-scale)); font-size: clamp(8px, calc(10px * var(--block-scale)), 22px); } + .config-block.settings-group input:not([type="checkbox"]):not([type="file"]), .config-block.settings-group select, .config-block.settings-group button { min-height: calc(27px * var(--block-scale)); height: calc(27px * var(--block-scale)); padding-left: calc(7px * var(--block-scale)); padding-right: calc(7px * var(--block-scale)); font-size: clamp(8px, calc(12px * var(--block-scale)), 26px); } .config-block.settings-group .control-fields, .config-block.settings-group .advanced-grid, .config-block.settings-group .packet-grid { gap: calc(6px * var(--block-scale)) calc(8px * var(--block-scale)); } @keyframes appearance-in { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: none; } } @media (max-width: 760px) { @@ -1542,7 +1542,7 @@ HTML = """ Блоки конфигурации - + перетаскивайте за заголовок или свободное место
@@ -2037,12 +2037,12 @@ HTML = """ const area = Math.max(.56, Math.min(1.85, (width / 720) * (height / 320))); const entry = configLayout[block.dataset.section] || {}; const userScale = Number.isFinite(Number(block._configUserScale)) ? block._configUserScale : (Number(entry.scale) || 100) / 100; - block._configUserScale = Math.max(.8, Math.min(1.25, userScale)); - const scale = Math.max(.74, Math.min(1.35, Math.sqrt(area) * block._configUserScale)); + block._configUserScale = Math.max(.5, Math.min(2, userScale)); + const scale = Math.max(.5, Math.min(2, Math.sqrt(area) * block._configUserScale)); block.style.setProperty('--block-scale', scale.toFixed(3)); } function applyConfigContentScale(value) { - configContentScale = Math.max(.8, Math.min(1.25, (Number(value) || 100) / 100)); + configContentScale = Math.max(.5, Math.min(2, (Number(value) || 100) / 100)); const block = selectedConfigBlock; if (!block || configBlockState(block)) return; block._configUserScale = configContentScale; @@ -2066,7 +2066,7 @@ HTML = """ configBlocks.forEach(other => other.classList.toggle('is-selected', other === block)); const entry = configLayout[block.dataset.section] || {}; const value = Math.round((Number(entry.scale) || 100)); - configContentScale = Math.max(.8, Math.min(1.25, value / 100)); + configContentScale = Math.max(.5, Math.min(2, value / 100)); setValue('configContentScale', value); setText('configContentScaleValue', `${value}%`); const control = $('configContentScale');