|
|
|
|
@ -1476,10 +1476,6 @@ HTML = """<!doctype html>
|
|
|
|
|
.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)); }
|
|
|
|
|
.network-panel { overflow: hidden; }
|
|
|
|
|
.network-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--ui-border); background: color-mix(in srgb, var(--ui-surface) 82%, var(--ui-accent)); }
|
|
|
|
|
.network-head h2 { margin: 0; }
|
|
|
|
|
.network-head small { display: block; margin-top: 2px; color: var(--ui-muted); font-size: 11px; }
|
|
|
|
|
.network-state-chip { flex: 0 0 auto; padding: 5px 8px; border: 1px solid color-mix(in srgb, var(--ui-accent) 32%, var(--ui-border)); border-radius: 999px; background: color-mix(in srgb, var(--ui-accent) 8%, var(--ui-input)); color: var(--ui-accent); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
|
|
|
|
|
.network-canvas { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; padding: 14px; background: radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--ui-accent) 7%, transparent), transparent 32%), color-mix(in srgb, var(--ui-bg) 74%, var(--ui-panel)); }
|
|
|
|
|
.network-block { grid-column: span 6; min-width: 0; margin: 0; padding: 14px; border: 1px solid var(--ui-border) !important; border-radius: 14px !important; background: color-mix(in srgb, var(--ui-panel) 94%, var(--ui-accent)) !important; box-shadow: 0 8px 22px color-mix(in srgb, var(--ui-bg) 20%, transparent); overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
|
|
|
|
|
.network-block:hover { border-color: color-mix(in srgb, var(--ui-accent) 48%, var(--ui-border)) !important; transform: translateY(-2px); }
|
|
|
|
|
@ -1499,7 +1495,6 @@ HTML = """<!doctype html>
|
|
|
|
|
.appearance-trigger-chevron { display: none; }
|
|
|
|
|
.appearance-panel { position: fixed; top: 56px; right: 8px; width: min(390px, calc(100vw - 16px)); }
|
|
|
|
|
.appearance-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
|
|
|
|
.network-head { align-items: flex-start; flex-direction: column; }
|
|
|
|
|
.network-canvas { grid-template-columns: 1fr; padding: 10px; gap: 10px; }
|
|
|
|
|
.network-block { grid-column: 1; }
|
|
|
|
|
.network-visual-card { margin: 0 10px 10px; padding: 10px; }
|
|
|
|
|
@ -1813,7 +1808,6 @@ HTML = """<!doctype html>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="modelTab" class="tab-page model-tab" hidden>
|
|
|
|
|
<section class="model-panel network-panel">
|
|
|
|
|
<div class="network-head"><div><h2>Сеть детектора</h2><small>модель, параметры и архитектура до инференса</small></div><span class="network-state-chip">до старта</span></div>
|
|
|
|
|
<div class="model-grid network-canvas">
|
|
|
|
|
<details class="model-group settings-group network-block" data-section="model" open>
|
|
|
|
|
<summary>Модель</summary>
|
|
|
|
|
|
AlexsandrSnytkin
14 hours ago