feat(ui): rich dashboard cards with countries and recent postcards
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user