fix ui
This commit is contained in:
parent
640344b0f3
commit
c2de3e306f
2 changed files with 18 additions and 6 deletions
|
|
@ -42,7 +42,7 @@
|
|||
</header>
|
||||
|
||||
<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 -->
|
||||
<section class="pane" id="config-pane">
|
||||
<!-- Session Controls -->
|
||||
|
|
@ -407,7 +407,7 @@
|
|||
</section>
|
||||
</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 -->
|
||||
<section class="pane" id="export-config-pane">
|
||||
<div class="tabs">
|
||||
|
|
|
|||
|
|
@ -129,9 +129,8 @@ body {
|
|||
/* App Layout Workspace */
|
||||
.app-workspace {
|
||||
flex: 1;
|
||||
display: grid;
|
||||
grid-template-columns: 46% 1fr;
|
||||
gap: 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.5rem 2rem;
|
||||
max-width: 1800px;
|
||||
width: 100%;
|
||||
|
|
@ -139,8 +138,21 @@ body {
|
|||
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) {
|
||||
.app-workspace {
|
||||
.workspace-view {
|
||||
grid-template-columns: 1fr;
|
||||
height: auto;
|
||||
overflow-y: auto;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue