diff --git a/src/yolo_webui/static/favicon.svg b/src/yolo_webui/static/favicon.svg new file mode 100644 index 0000000..1f67568 --- /dev/null +++ b/src/yolo_webui/static/favicon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/yolo_webui/static/index.html b/src/yolo_webui/static/index.html index 0e7b954..b8b95b8 100755 --- a/src/yolo_webui/static/index.html +++ b/src/yolo_webui/static/index.html @@ -7,8 +7,8 @@ - - + +
diff --git a/src/yolo_webui/static/style.css b/src/yolo_webui/static/style.css index c12625a..a564a9e 100755 --- a/src/yolo_webui/static/style.css +++ b/src/yolo_webui/static/style.css @@ -140,7 +140,7 @@ body { .workspace-view { display: none; - grid-template-columns: 380px 1fr; + grid-template-columns: 420px 1fr; gap: 1.5rem; flex: 1; height: 100%; @@ -343,20 +343,26 @@ body { border-radius: 8px; padding: 0.25rem; margin-bottom: 1.25rem; - gap: 0.25rem; + gap: 0.2rem; + overflow-x: auto; } .tab-btn { - flex: 1; + flex: 1 1 0; + min-width: 0; background: none; border: none; border-radius: 6px; color: var(--text-muted); font-family: var(--font-sans); - font-size: 0.9rem; + font-size: 0.82rem; font-weight: 600; - padding: 0.6rem; + padding: 0.55rem 0.25rem; cursor: pointer; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; transition: var(--transition-fast); }