wangjia
a642bf16a2
design/ 同步自最新设计导出，新增 ui_kits/tablet/ 平板分栏布局；todo/ 录入 18 个并行实施任务。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
19 lines
1.3 KiB
HTML
19 lines
1.3 KiB
HTML
<!doctype html>
|
|
<!-- @dsCard group="Type" name="等宽数据字体 (JetBrains Mono)" subtitle="IP / 速率 / 密钥读数,tabular nums" viewport="700x190" --><html><head><meta charset="utf-8"><link rel="stylesheet" href="../colors_and_type.css">
|
|
<style>body{margin:0;background:var(--bg);font-family:var(--font-mono);padding:24px;color:var(--fg1)}
|
|
.lab{font-family:var(--font-mono);font-size:10px;color:var(--fg3);margin-bottom:14px}
|
|
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
|
|
.k{font-size:11px;color:var(--fg3);margin-bottom:4px}
|
|
.v{font-size:22px;font-weight:500;letter-spacing:-0.01em}
|
|
.u{font-size:12px;color:var(--accent)}</style></head><body>
|
|
<div class="lab">MONO · JetBrains Mono — 数据读数 · tabular nums · IP / 速率 / 密钥</div>
|
|
<div class="grid">
|
|
<div><div class="k">DOWNLOAD</div><div class="v">86.4<span class="u"> Mb/s</span></div></div>
|
|
<div><div class="k">PING</div><div class="v">24<span class="u"> ms</span></div></div>
|
|
<div><div class="k">UPTIME</div><div class="v">02:14:08</div></div>
|
|
<div><div class="k">EXIT IP</div><div class="v" style="font-size:16px">103.27.18.204</div></div>
|
|
<div><div class="k">PROTOCOL</div><div class="v" style="font-size:16px">WireGuard®</div></div>
|
|
<div><div class="k">DATA</div><div class="v">1.82<span class="u"> GB</span></div></div>
|
|
</div>
|
|
</body></html>
|