Polish workbench workspace usability
This commit is contained in:
Codex
@@ -779,6 +779,210 @@ section th {
|
||||
min-height: 28rem;
|
||||
}
|
||||
|
||||
.panel-title-row {
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.panel-title-row h2,
|
||||
.panel-title-row h3 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.count-pill,
|
||||
.status-badge {
|
||||
display: inline-flex;
|
||||
flex: 0 0 auto;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 999px;
|
||||
padding: 0.18rem 0.52rem;
|
||||
background: #ffffff;
|
||||
color: #334155;
|
||||
font-size: 0.74rem;
|
||||
font-weight: 800;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.status-badge-ready {
|
||||
border-color: rgba(21, 128, 61, 0.28);
|
||||
background: #ecfdf3;
|
||||
color: #166534;
|
||||
}
|
||||
|
||||
.primary-action {
|
||||
border-color: rgba(15, 118, 110, 0.55);
|
||||
background: linear-gradient(180deg, #0f766e, #115e59);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.primary-action:hover:not(:disabled) {
|
||||
border-color: #0f766e;
|
||||
box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.18);
|
||||
}
|
||||
|
||||
.secondary-action {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.compact-form,
|
||||
.dataset-upload-form,
|
||||
.lab-form-grid {
|
||||
display: grid;
|
||||
gap: 0.7rem;
|
||||
}
|
||||
|
||||
.dataset-upload-form {
|
||||
grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
|
||||
align-items: end;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
padding: 0.85rem;
|
||||
background: var(--panel-soft);
|
||||
}
|
||||
|
||||
.entity-list,
|
||||
.dataset-list,
|
||||
.model-list {
|
||||
display: grid;
|
||||
gap: 0.7rem;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.entity-card,
|
||||
.dataset-card,
|
||||
.model-card,
|
||||
.lab-block,
|
||||
.layer-control-card {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
background: var(--panel-soft);
|
||||
}
|
||||
|
||||
.entity-card {
|
||||
display: grid;
|
||||
width: 100%;
|
||||
gap: 0.25rem;
|
||||
padding: 0.72rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
button.entity-card {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.entity-card-active {
|
||||
border-color: rgba(15, 118, 110, 0.48);
|
||||
box-shadow: inset 4px 0 0 var(--accent);
|
||||
}
|
||||
|
||||
.entity-card span,
|
||||
.entity-meta,
|
||||
.dataset-metrics {
|
||||
color: var(--muted);
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
|
||||
.entity-meta,
|
||||
.dataset-metrics {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.35rem 0.65rem;
|
||||
margin-top: 0.32rem;
|
||||
}
|
||||
|
||||
.dataset-card,
|
||||
.model-card,
|
||||
.lab-block {
|
||||
padding: 0.85rem;
|
||||
}
|
||||
|
||||
.dataset-card-header,
|
||||
.model-card {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
gap: 0.75rem;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.model-card p {
|
||||
grid-column: 1 / -1;
|
||||
margin: 0.25rem 0 0;
|
||||
}
|
||||
|
||||
.model-card-ready {
|
||||
border-color: rgba(21, 128, 61, 0.24);
|
||||
}
|
||||
|
||||
.dataset-metrics {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
margin-top: 0.7rem;
|
||||
}
|
||||
|
||||
.button-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
margin-top: 0.8rem;
|
||||
}
|
||||
|
||||
.button-row button,
|
||||
.panel-title-row button {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.map-toolbar {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(12rem, 1fr) minmax(10rem, 0.8fr) minmax(10rem, 0.8fr) minmax(14rem, 1fr);
|
||||
gap: 0.75rem;
|
||||
align-items: end;
|
||||
margin-bottom: 0.85rem;
|
||||
}
|
||||
|
||||
.layer-control-card {
|
||||
display: grid;
|
||||
gap: 0.5rem;
|
||||
padding: 0.58rem 0.65rem;
|
||||
}
|
||||
|
||||
.layer-control-card input[type='range'] {
|
||||
min-height: auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.map-status {
|
||||
display: grid;
|
||||
gap: 0.25rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
padding: 0.62rem 0.72rem;
|
||||
background: var(--panel-soft);
|
||||
}
|
||||
|
||||
.map-status span {
|
||||
color: var(--muted);
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
|
||||
.lab-block + .lab-block {
|
||||
margin-top: 0.85rem;
|
||||
}
|
||||
|
||||
.lab-form-grid {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
align-items: end;
|
||||
}
|
||||
|
||||
.workspace-grid-ai .lab-form-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
@media (max-width: 1120px) {
|
||||
.workbench-layout {
|
||||
grid-template-columns: 12rem minmax(0, 1fr);
|
||||
@@ -838,6 +1042,16 @@ section th {
|
||||
.workbench-main .map-container {
|
||||
height: 28rem;
|
||||
}
|
||||
|
||||
.dataset-upload-form,
|
||||
.map-toolbar,
|
||||
.lab-form-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.dataset-metrics {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 620px) {
|
||||
|
||||
Reference in New Issue
Block a user