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>