Show before/after values for all non-key compare result columns.

Key stays single-value; other fields always render a paired 前/后 cell so cutover diffs are readable at a glance.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-09-18 09:27:30 +08:00
parent 157188bd3e
commit 97796478b0
4 changed files with 102 additions and 50 deletions

View file

@ -10735,8 +10735,47 @@ html.login-page--paused .login-page__flare {
background: rgba(245, 158, 11, 0.08);
}
.bs-cmp-pair {
display: flex;
flex-direction: column;
gap: 3px;
min-width: 4.5rem;
}
.bs-cmp-pair__row {
display: grid;
grid-template-columns: 1.6em minmax(0, 1fr);
gap: 6px;
align-items: baseline;
}
.bs-cmp-pair__tag {
flex: 0 0 auto;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.02em;
color: #64748b;
line-height: 1.3;
}
.bs-cmp-val-cell--diff .bs-cmp-pair__row:first-child .bs-cmp-pair__tag {
color: #fca5a5;
}
.bs-cmp-val-cell--diff .bs-cmp-pair__row:last-child .bs-cmp-pair__tag {
color: #86efac;
}
.bs-cmp-val {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
color: #e2e8f0;
word-break: break-all;
line-height: 1.35;
}
.bs-cmp-val.is-empty {
color: #64748b;
font-style: italic;
}
.bs-cmp-val--pre {