26 lines
No EOL
1.4 KiB
HTML
26 lines
No EOL
1.4 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:24px; }
|
||
.stack { display:flex; flex-direction:column; gap:8px; }
|
||
.row { display:flex; align-items:center; gap:16px; border:1px solid #D5CFC2; background:#F5F1E8; padding:0 14px; font-family:"IBM Plex Sans",sans-serif; font-size:13px; }
|
||
.row .when { font-family:"JetBrains Mono",monospace; font-size:12px; color:#5A5347; }
|
||
.row .amt { margin-left:auto; font-family:"JetBrains Mono",monospace; font-size:13px; }
|
||
.row .lbl { color:#5A5347; }
|
||
.r-compact { height:32px; }
|
||
.r-default { height:40px; }
|
||
.r-roomy { height:48px; }
|
||
.tag { font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:#8A8377; min-width:88px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="stack">
|
||
<div class="row r-compact"><span class="tag">32 · compact</span><span class="when">2026-03-02</span><span>review queue rows</span><span class="amt">− 38,500 KRW</span></div>
|
||
<div class="row r-default"><span class="tag">40 · default</span><span class="when">2026-03-02</span><span>primary list rows</span><span class="amt">+ 2,400,000 KRW</span></div>
|
||
<div class="row r-roomy"><span class="tag">48 · roomy</span><span class="when">2026-03-02</span><span>table headers / page tabs</span><span class="amt">— —</span></div>
|
||
</div>
|
||
</body></html> |