mirror of
https://github.com/awizemann/scarf.git
synced 2026-05-10 18:44:45 +00:00
19 lines
936 B
HTML
19 lines
936 B
HTML
|
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Stat cards</title>
|
||
|
|
<link rel="stylesheet" href="_preview.css">
|
||
|
|
<style>
|
||
|
|
.stat { background:var(--bg-quaternary); border-radius:8px; padding:14px 12px; flex:1; min-width:110px; text-align:center; }
|
||
|
|
.stat .v { font-family:var(--font-mono); font-size:22px; font-weight:600; }
|
||
|
|
.stat .l { font-size:11px; color:var(--fg-muted); margin-top:2px; }
|
||
|
|
</style></head>
|
||
|
|
<body>
|
||
|
|
<div class="card-root">
|
||
|
|
<div class="row" style="gap:12px">
|
||
|
|
<div class="stat"><div class="v">847</div><div class="l">Sessions</div></div>
|
||
|
|
<div class="stat"><div class="v">12,394</div><div class="l">Messages</div></div>
|
||
|
|
<div class="stat"><div class="v">3,221</div><div class="l">Tool Calls</div></div>
|
||
|
|
<div class="stat"><div class="v">2.4M</div><div class="l">Tokens</div></div>
|
||
|
|
<div class="stat"><div class="v">$42.18</div><div class="l">Cost</div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body></html>
|