hansjone/netx
1
0
Fork 0
mirror of https://github.com/hansjone/netx.git synced 2026-10-09 17:50:44 +08:00
Code Issues Projects Releases 1 Packages Wiki Activity Actions 3

Fix collect time on compare sides and clean left-nav stat digits.

Browse source 
Fill started_at from batch lists, show compact times, and right-align color-only -/+~/ = counts per sheet.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-09-18 10:26:24 +08:00
parent d96cbf330a
commit 357b831f2d
3 changed files with 169 additions and 134 deletions
Download patch file Download diff file Expand all files Collapse all files

107
web/src/index.css
View file

@ -10130,7 +10130,7 @@ html.login-page--paused .login-page__flare {
border-radius: 8px;
border: 1px solid var(--bs-cmp-border, rgba(148, 163, 184, 0.22));
background: rgba(15, 23, 42, 0.45);
overflow: hidden;
overflow: visible;
}
.bs-cmp-sides__side {
@ -10139,9 +10139,11 @@ html.login-page--paused .login-page__flare {
align-items: center;
gap: 6px;
min-width: 0;
max-width: 100%;
padding: 0 6px;
border-radius: 6px;
height: 24px;
flex: 0 1 auto;
}
.bs-cmp-sides__side.is-before {
@ -10177,7 +10179,9 @@ html.login-page--paused .login-page__flare {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 10rem;
max-width: 8rem;
min-width: 0;
flex: 0 1 auto;
line-height: 1.2;
}
@ -10186,6 +10190,7 @@ html.login-page--paused .login-page__flare {
font-variant-numeric: tabular-nums;
white-space: nowrap;
flex: 0 0 auto;
color: #94a3b8;
}
.bs-cmp-sides__arrow {
@ -10256,6 +10261,18 @@ html.login-page--paused .login-page__flare {
line-height: 1.35;
}
.bs-cmp-nav__legend {
display: grid;
grid-template-columns: repeat(4, 1.6em);
gap: 2px;
justify-items: end;
margin-top: 6px;
margin-left: auto;
width: fit-content;
font-size: 10px;
font-weight: 700;
}
.bs-cmp-nav__list {
flex: 1 1 auto;
min-height: 0;
@ -10269,10 +10286,9 @@ html.login-page--paused .login-page__flare {
.bs-cmp-nav__item {
appearance: none;
display: grid;
grid-template-columns: 8px minmax(0, 1fr);
grid-template-rows: auto auto;
gap: 4px 8px;
align-items: start;
grid-template-columns: 8px minmax(0, 1fr) auto;
gap: 0 8px;
align-items: center;
width: 100%;
text-align: left;
border: 1px solid transparent;
@ -10300,7 +10316,6 @@ html.login-page--paused .login-page__flare {
background: #64748b;
justify-self: center;
align-self: center;
grid-row: 1;
}
.bs-cmp-nav__item.is-clean .bs-cmp-nav__dot {
@ -10318,81 +10333,45 @@ html.login-page--paused .login-page__flare {
text-overflow: ellipsis;
white-space: nowrap;
color: #e2e8f0;
grid-column: 2;
grid-row: 1;
align-self: center;
}
.bs-cmp-nav__badges {
display: flex;
flex-wrap: wrap;
gap: 4px;
grid-column: 2;
grid-row: 2;
min-width: 0;
}
.bs-cmp-nav__badge {
.bs-cmp-nav__stats {
display: inline-grid;
grid-template-columns: repeat(4, 1.6em);
gap: 2px;
justify-items: end;
align-items: center;
flex: 0 0 auto;
white-space: nowrap;
padding: 1px 6px;
border-radius: 4px;
font-size: 10px;
font-variant-numeric: tabular-nums;
line-height: 1.45;
color: #94a3b8;
background: rgba(148, 163, 184, 0.1);
border: 1px solid rgba(148, 163, 184, 0.16);
}
.bs-cmp-nav__badge b {
.bs-cmp-nav__num {
font-size: 11px;
font-weight: 700;
margin-left: 2px;
color: #cbd5e1;
line-height: 1;
color: #475569;
opacity: 0.55;
}
.bs-cmp-nav__badge--removed.is-hot {
color: #fecaca;
background: rgba(239, 68, 68, 0.14);
border-color: rgba(248, 113, 113, 0.35);
.bs-cmp-nav__num--removed.is-hot {
color: #f87171;
opacity: 1;
}
.bs-cmp-nav__badge--removed.is-hot b {
color: #fca5a5;
.bs-cmp-nav__num--added.is-hot {
color: #4ade80;
opacity: 1;
}
.bs-cmp-nav__badge--added.is-hot {
color: #bbf7d0;
background: rgba(34, 197, 94, 0.14);
border-color: rgba(74, 222, 128, 0.35);
}
.bs-cmp-nav__badge--added.is-hot b {
color: #86efac;
}
.bs-cmp-nav__badge--changed.is-hot {
color: #fde68a;
background: rgba(245, 158, 11, 0.14);
border-color: rgba(251, 191, 36, 0.35);
}
.bs-cmp-nav__badge--changed.is-hot b {
.bs-cmp-nav__num--changed.is-hot {
color: #fbbf24;
opacity: 1;
}
.bs-cmp-nav__badge--unchanged b {
.bs-cmp-nav__num--unchanged {
color: #94a3b8;
}
.bs-cmp-nav__badge--pass.is-hot {
color: #bbf7d0;
background: rgba(34, 197, 94, 0.14);
border-color: rgba(74, 222, 128, 0.35);
}
.bs-cmp-nav__badge--pass.is-hot b {
color: #86efac;
opacity: 0.85;
}
.bs-cmp-main {