malvm/train_utility
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix ui

Browse source
This commit is contained in:
malvm 2026-07-20 16:08:22 +04:00
parent 640344b0f3
commit c2de3e306f
2 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/yolo_webui/static/index.html
View file

@ -42,7 +42,7 @@
</header> </header>
<main class="app-workspace"> <main class="app-workspace">
<div id="train-view" class="workspace-view active" style="display: flex; gap: 1.5rem; flex: 1; height: 100%;"> <div id="train-view" class="workspace-view active">
<!-- Configuration Card --> <!-- Configuration Card -->
<section class="pane" id="config-pane"> <section class="pane" id="config-pane">
<!-- Session Controls --> <!-- Session Controls -->
@ -407,7 +407,7 @@
</section> </section>
</div> <!-- End train-view --> </div> <!-- End train-view -->
<div id="export-view" class="workspace-view" style="display: none; gap: 1.5rem; flex: 1; height: 100%;"> <div id="export-view" class="workspace-view">
<!-- Export Configuration Card --> <!-- Export Configuration Card -->
<section class="pane" id="export-config-pane"> <section class="pane" id="export-config-pane">
<div class="tabs"> <div class="tabs">

20
src/yolo_webui/static/style.css
View file

@ -129,9 +129,8 @@ body {
/* App Layout Workspace */ /* App Layout Workspace */
.app-workspace { .app-workspace {
flex: 1; flex: 1;
display: grid; display: flex;
grid-template-columns: 46% 1fr; flex-direction: column;
gap: 1.5rem;
padding: 1.5rem 2rem; padding: 1.5rem 2rem;
max-width: 1800px; max-width: 1800px;
width: 100%; width: 100%;
@ -139,8 +138,21 @@ body {
height: calc(100vh - 57px); height: calc(100vh - 57px);
} }
.workspace-view {
display: none;
grid-template-columns: 46% 1fr;
gap: 1.5rem;
flex: 1;
height: 100%;
}
.workspace-view.active {
display: grid;
animation: fadeIn var(--transition-normal);
}
@media (max-width: 1100px) { @media (max-width: 1100px) {
.app-workspace { .workspace-view {
grid-template-columns: 1fr; grid-template-columns: 1fr;
height: auto; height: auto;
overflow-y: auto; overflow-y: auto;