feat(ui): rich dashboard cards with countries and recent postcards

This commit is contained in:
2026-07-05 19:22:10 +08:00
parent 419ec47b99
commit 9decb570c2
3 changed files with 27 additions and 3 deletions

View File

@@ -104,6 +104,11 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si
.dc-sent { color: var(--sent); }
.dc-delivered { color: var(--delivered); }
.dc-received { color: var(--received); }
.dc-tags { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .75rem; }
.dc-tag { display: inline-block; padding: .15rem .5rem; background: var(--bg); border: 1px solid var(--border); border-radius: 999px; font-size: .7rem; color: var(--text-muted); font-weight: 500; }
.dc-recent { display: flex; align-items: center; gap: .4rem; margin-top: .6rem; font-size: .75rem; color: var(--text-muted); }
.dc-recent-label { flex-shrink: 0; }
.dc-recent-item { padding: .1rem .4rem; background: var(--bg); border-radius: 4px; font-family: monospace; font-size: .7rem; }
/* Postcard grid */
.postcard-card { display: flex; gap: 1rem; background: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; padding: .75rem; transition: box-shadow .15s; }