style: color request timing pills
This commit is contained in:
+5
-5
@@ -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
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user