From c05cd91cde42931df732a0e5578583ff651be7b5 Mon Sep 17 00:00:00 2001 From: malvm Date: Wed, 5 Aug 2026 10:14:17 +0400 Subject: [PATCH] fix_ui --- src/yolo_webui/static/app.js | 3 --- src/yolo_webui/static/index.html | 4 ++-- src/yolo_webui/static/style.css | 22 +++++++++++++++------- 3 files changed, 17 insertions(+), 12 deletions(-) diff --git a/src/yolo_webui/static/app.js b/src/yolo_webui/static/app.js index 632499c..97eeacb 100755 --- a/src/yolo_webui/static/app.js +++ b/src/yolo_webui/static/app.js @@ -253,9 +253,6 @@ document.addEventListener('DOMContentLoaded', () => { function scrollToLogBottom(container) { if (!container) return; container.scrollTop = container.scrollHeight; - if (container.lastElementChild && container.lastElementChild.scrollIntoView) { - container.lastElementChild.scrollIntoView({ block: 'end' }); - } } function addLogLine(message, level = 'info') { diff --git a/src/yolo_webui/static/index.html b/src/yolo_webui/static/index.html index 48890c5..d3ab6d3 100755 --- a/src/yolo_webui/static/index.html +++ b/src/yolo_webui/static/index.html @@ -8,7 +8,7 @@ - +
@@ -536,6 +536,6 @@ - + diff --git a/src/yolo_webui/static/style.css b/src/yolo_webui/static/style.css index 03c95ac..8d05b7f 100755 --- a/src/yolo_webui/static/style.css +++ b/src/yolo_webui/static/style.css @@ -44,10 +44,11 @@ body { background-color: var(--bg-primary); color: var(--text-main); font-family: var(--font-sans); - min-height: 100vh; + height: 100vh; + max-height: 100vh; display: flex; flex-direction: column; - overflow-x: hidden; + overflow: hidden; } /* Header Styles */ @@ -136,6 +137,8 @@ body { width: 100%; margin: 0 auto; height: calc(100vh - 57px); + min-height: 0; + overflow: hidden; } .workspace-view { @@ -144,6 +147,8 @@ body { gap: 1.5rem; flex: 1; height: 100%; + min-height: 0; + overflow: hidden; } .workspace-view.active { @@ -169,6 +174,7 @@ body { flex-direction: column; overflow: hidden; height: 100%; + min-height: 0; } #config-pane, @@ -816,16 +822,18 @@ body { } .log-body { - flex: 1; + flex: 1 1 0; + min-height: 0; overflow-x: auto; overflow-y: auto; - padding: 0.75rem 1rem; + padding: 0.6rem 0.85rem; font-family: var(--font-mono); - font-size: 0.85rem; - line-height: 1.5; + font-size: 0.75rem; + line-height: 1.35; + letter-spacing: -0.015em; display: flex; flex-direction: column; - gap: 0.25rem; + gap: 0.15rem; color: #e4e4e7; }