27 lines
No EOL
1.5 KiB
HTML
27 lines
No EOL
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="../colors_and_type.css">
|
|
<link rel="stylesheet" href="_card.css">
|
|
<style>
|
|
body { padding:28px; }
|
|
.stack { display:flex; flex-direction:column; gap:10px; }
|
|
.row-spec { display:flex; align-items:baseline; justify-content:space-between; gap:24px; }
|
|
.spec { font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fg-muted); }
|
|
.h1 { font-family:"IBM Plex Sans",sans-serif; font-size:22px; font-weight:500; }
|
|
.h2 { font-family:"IBM Plex Sans",sans-serif; font-size:18px; font-weight:500; }
|
|
.h3 { font-family:"IBM Plex Sans",sans-serif; font-size:15px; font-weight:600; }
|
|
.body { font-family:"IBM Plex Sans",sans-serif; font-size:14px; font-weight:400; }
|
|
.cap { font-family:"IBM Plex Sans",sans-serif; font-size:12px; color:#5A5347; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="stack">
|
|
<div class="row-spec"><span class="h1">Review queue</span><span class="spec">H1 · 22 / 500</span></div>
|
|
<div class="row-spec"><span class="h2">23 staged transactions</span><span class="spec">H2 · 18 / 500</span></div>
|
|
<div class="row-spec"><span class="h3">Auto-accepted</span><span class="spec">H3 · 15 / 600</span></div>
|
|
<div class="row-spec"><span class="body">A categorization rule was promoted.</span><span class="spec">Body · 14 / 400</span></div>
|
|
<div class="row-spec"><span class="cap">Last import 4 minutes ago</span><span class="spec">Caption · 12 / 400</span></div>
|
|
</div>
|
|
</body></html> |