style: color request timing pills

This commit is contained in:
2026-06-29 04:49:15 +08:00
parent 4605885262
commit 778068af42
2 changed files with 32 additions and 6 deletions
+5 -5
View File
@@ -872,23 +872,23 @@ export default function App() {
<span className={`badge ${statusTone}`}>{entry.status_code ?? "-"}</span>
<strong>{entry.profile_name || status?.config?.profile_name || "-"}</strong>
<span className={`badge ${lifecycleTone(entry.lifecycle_state)}`}>{entry.lifecycle_state || "sent"}</span>
<span className="meta-pill">
<span className="meta-pill meta-sent">
<span className="meta-key"></span>
{timestamp(entry.started_at)}
</span>
<span className="meta-pill">
<span className="meta-pill meta-first">
<span className="meta-key"></span>
{durationSeconds(entry.first_response_delay_ms)}
</span>
<span className="meta-pill">
<span className="meta-pill meta-total">
<span className="meta-key"></span>
{durationSeconds(entry.duration_ms)}
</span>
<span className="meta-pill">
<span className="meta-pill meta-body">
<span className="meta-key"></span>
{bytesFormat(entry.request_body_bytes)}
</span>
<span className="meta-pill">
<span className="meta-pill meta-received">
<span className="meta-key"></span>
{timestamp(entry.finished_at)}
</span>
+27 -1
View File
@@ -580,10 +580,36 @@ a {
.meta-key {
margin-right: 5px;
color: #66707c;
color: currentColor;
font-size: 10px;
font-weight: 820;
letter-spacing: 0.04em;
opacity: 0.72;
}
.meta-sent {
color: #155f53;
background: #d9efe8;
}
.meta-first {
color: #315f80;
background: #dcecf7;
}
.meta-total {
color: #744d18;
background: #f6e3bd;
}
.meta-body {
color: #773f33;
background: #f8ddd5;
}
.meta-received {
color: #425268;
background: #e5eaef;
}
.request-grid {