hansjone/netx
1
0
Fork 0
mirror of https://github.com/hansjone/netx.git synced 2026-10-09 06:40:45 +08:00
Code Issues Projects Releases 1 Packages Wiki Activity Actions 2

Tighten biz compare fullscreen board for cutover scanning.

Browse source 
Collapse equal pair cells, hide display columns by default, fold field filters, and keep failed sheets first so diffs stand out.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-10-08 23:37:54 +08:00
parent ee3ed26c88
commit 8a79e962a8
4 changed files with 259 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

79
web/src/index.css
View file

@ -12970,10 +12970,6 @@ body:has(.bs-cmp-board:fullscreen) {
vertical-align: middle;
}
.bs-cmp-val-cell--diff {
background: rgba(245, 158, 11, 0.08);
}
.bs-cmp-pair {
display: flex;
flex-direction: column;
@ -12981,6 +12977,10 @@ body:has(.bs-cmp-board:fullscreen) {
min-width: 4.5rem;
}
.bs-cmp-pair--same {
min-width: 3rem;
}
.bs-cmp-pair__row {
display: grid;
grid-template-columns: 1.6em minmax(0, 1fr);
@ -13005,6 +13005,20 @@ body:has(.bs-cmp-board:fullscreen) {
color: #86efac;
}
.bs-cmp-val-cell--pair.is-same {
background: transparent;
}
.bs-cmp-val--same {
color: #cbd5e1;
opacity: 0.92;
}
.bs-cmp-val-cell--diff {
background: rgba(245, 158, 11, 0.1);
box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.22);
}
.bs-cmp-val {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
color: #e2e8f0;
@ -13012,6 +13026,63 @@ body:has(.bs-cmp-board:fullscreen) {
line-height: 1.35;
}
.bs-cmp-progress.is-compact {
padding: 6px 10px;
gap: 4px;
}
.bs-cmp-progress.is-compact .bs-cmp-progress__track {
height: 4px;
}
.bs-cmp-progress.is-compact .bs-cmp-progress__meta {
font-size: 0.75rem;
}
.bs-cmp-strip__pass-scope {
margin-left: 4px;
font-size: 9px;
font-weight: 600;
color: #64748b;
text-transform: none;
}
.bs-cmp-strip__toggle {
flex: 0 0 auto;
height: 28px;
padding: 0 8px;
border-radius: 6px;
border: 1px solid rgba(148, 163, 184, 0.28);
background: rgba(15, 23, 42, 0.45);
color: #cbd5e1;
font-size: 11px;
cursor: pointer;
white-space: nowrap;
}
.bs-cmp-strip__toggle:hover {
border-color: rgba(96, 165, 250, 0.45);
color: #f1f5f9;
}
.bs-cmp-strip__toggle.is-active {
border-color: rgba(59, 130, 246, 0.5);
background: rgba(37, 99, 235, 0.18);
color: #93c5fd;
}
.bs-cmp-strip__hint {
flex: 1 1 100%;
margin: 0;
font-size: 0.75rem;
line-height: 1.35;
}
.bs-cmp-strip .bs-cmp-key-filters {
flex: 1 1 100%;
margin-top: 0;
}
.bs-cmp-val.is-empty {
color: #64748b;
font-style: italic;