Refine registration workspace controls
This commit is contained in:
Codex
@@ -256,6 +256,7 @@ button {
|
||||
|
||||
.filter-row,
|
||||
.part-filter,
|
||||
.model-filter,
|
||||
.chip-rail,
|
||||
.tag-line {
|
||||
display: flex;
|
||||
@@ -355,6 +356,35 @@ button {
|
||||
padding: 13px;
|
||||
}
|
||||
|
||||
.series-card {
|
||||
position: relative;
|
||||
padding-right: 48px;
|
||||
}
|
||||
|
||||
.series-check {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
right: 13px;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
display: inline-flex !important;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0 !important;
|
||||
border: 1px solid rgba(25, 214, 195, 0.62);
|
||||
border-radius: 999px;
|
||||
background: rgba(20, 184, 166, 0.16);
|
||||
color: #ccfbf1 !important;
|
||||
font-size: 15px !important;
|
||||
font-weight: 950 !important;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.series-card:not(.active) .series-check {
|
||||
border-color: rgba(148, 163, 184, 0.2);
|
||||
background: rgba(148, 163, 184, 0.06);
|
||||
}
|
||||
|
||||
.case-card.active,
|
||||
.series-card.active,
|
||||
.stl-row.active {
|
||||
@@ -679,6 +709,34 @@ button {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.fusion-head-stack {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.fusion-action-row,
|
||||
.fusion-control-row,
|
||||
.mapping-toolbar,
|
||||
.mapping-title-row {
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.fusion-action-row {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.fusion-control-row,
|
||||
.mapping-toolbar {
|
||||
justify-content: space-between;
|
||||
overflow-x: auto;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.segmented {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
@@ -694,6 +752,8 @@ button {
|
||||
background: rgba(18, 28, 42, 0.88);
|
||||
color: #c6d4e5;
|
||||
font-weight: 900;
|
||||
line-height: 1.1;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.segmented button.active {
|
||||
@@ -707,6 +767,37 @@ button {
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.display-segmented {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
margin: 0 0 10px;
|
||||
border-radius: 12px;
|
||||
background: rgba(148, 163, 184, 0.08);
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
#modelDetailControls {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.display-segmented button {
|
||||
min-height: 34px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 9px;
|
||||
background: transparent;
|
||||
color: #93a8bf;
|
||||
font-weight: 950;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.display-segmented button.active {
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
color: #1d4ed8;
|
||||
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
|
||||
}
|
||||
|
||||
.ghost-btn,
|
||||
.primary-btn,
|
||||
.state-btn {
|
||||
@@ -917,17 +1008,16 @@ button {
|
||||
}
|
||||
|
||||
.slice-range-panel {
|
||||
min-height: 104px;
|
||||
min-height: 82px;
|
||||
display: grid;
|
||||
grid-template-rows: auto 26px auto 24px;
|
||||
grid-template-rows: auto 26px auto;
|
||||
gap: 8px;
|
||||
padding: 10px 16px;
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.slice-range-head,
|
||||
.slice-range-foot,
|
||||
.slice-current-row {
|
||||
.slice-range-foot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@@ -941,8 +1031,7 @@ button {
|
||||
}
|
||||
|
||||
.slice-range-head span,
|
||||
.slice-range-foot span,
|
||||
.slice-current-row span {
|
||||
.slice-range-foot span {
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
font-weight: 900;
|
||||
@@ -985,11 +1074,6 @@ button {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.slice-current-row {
|
||||
display: grid;
|
||||
grid-template-columns: 104px minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.dicom-stage {
|
||||
position: relative;
|
||||
min-height: 0;
|
||||
@@ -1185,8 +1269,8 @@ button {
|
||||
}
|
||||
|
||||
.mapping-summary {
|
||||
min-height: 122px;
|
||||
max-height: 170px;
|
||||
min-height: 110px;
|
||||
max-height: 162px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
@@ -1443,7 +1527,9 @@ input[type="range"] {
|
||||
}
|
||||
|
||||
.modal-panel {
|
||||
width: min(560px, calc(100vw - 36px));
|
||||
width: min(960px, calc(100vw - 36px));
|
||||
max-height: calc(100vh - 36px);
|
||||
overflow: auto;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 16px;
|
||||
background: linear-gradient(180deg, rgba(18, 28, 42, 0.98), rgba(8, 13, 20, 0.98));
|
||||
@@ -1478,6 +1564,123 @@ input[type="range"] {
|
||||
margin: 12px 0 0;
|
||||
}
|
||||
|
||||
.auto-config-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(240px, 0.85fr) minmax(300px, 1.15fr);
|
||||
gap: 12px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.auto-config-grid section,
|
||||
.auto-weight-grid {
|
||||
border: 1px solid rgba(148, 163, 184, 0.18);
|
||||
border-radius: 12px;
|
||||
background: rgba(8, 13, 20, 0.56);
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.modal-section-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
margin-bottom: 10px;
|
||||
color: #dbeafe;
|
||||
font-size: 13px;
|
||||
font-weight: 950;
|
||||
}
|
||||
|
||||
.modal-section-head button {
|
||||
min-height: 28px;
|
||||
border: 1px solid rgba(25, 214, 195, 0.48);
|
||||
border-radius: 8px;
|
||||
background: rgba(20, 184, 166, 0.1);
|
||||
color: #ccfbf1;
|
||||
font-size: 11px;
|
||||
font-weight: 900;
|
||||
padding: 0 9px;
|
||||
}
|
||||
|
||||
.bone-option-list {
|
||||
max-height: 156px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.bone-option-list label,
|
||||
.auto-weight-grid label {
|
||||
min-height: 34px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
border: 1px solid rgba(148, 163, 184, 0.18);
|
||||
border-radius: 9px;
|
||||
background: rgba(15, 22, 32, 0.74);
|
||||
color: #c7d6e8;
|
||||
font-size: 12px;
|
||||
font-weight: 900;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.modal-slider {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 86px;
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.modal-slider input[type="number"],
|
||||
.auto-weight-grid input {
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 8px;
|
||||
background: rgba(6, 10, 15, 0.86);
|
||||
color: var(--text);
|
||||
font-weight: 900;
|
||||
text-align: center;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.auto-weight-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 10px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.auto-weight-grid label {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.auto-weight-grid input {
|
||||
max-width: 86px;
|
||||
flex: 0 0 86px;
|
||||
}
|
||||
|
||||
.auto-pose-result {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.auto-pose-result span {
|
||||
min-height: 36px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid rgba(25, 214, 195, 0.38);
|
||||
border-radius: 10px;
|
||||
background: rgba(20, 184, 166, 0.09);
|
||||
color: #ccfbf1;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
||||
font-size: 12px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.login-overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
|
||||
Reference in New Issue
Block a user