fix(ui): badge no longer stretches in flex container

This commit is contained in:
2026-07-05 18:55:18 +08:00
parent e9fc091aeb
commit 5aa8b7e7f2

View File

@@ -95,7 +95,7 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si
.postcard-info { display: flex; flex-direction: column; gap: .15rem; font-size: .9rem; } .postcard-info { display: flex; flex-direction: column; gap: .15rem; font-size: .9rem; }
/* Badge */ /* Badge */
.badge { display: inline-block; padding: .1rem .4rem; border-radius: 999px; font-size: .7rem; font-weight: 600; color: #fff; white-space: nowrap; line-height: 1.4; } .badge { display: inline-block; padding: .1rem .4rem; border-radius: 999px; font-size: .7rem; font-weight: 600; color: #fff; white-space: nowrap; line-height: 1.4; align-self: flex-start; }
.badge-sent { background: var(--sent); } .badge-sent { background: var(--sent); }
.badge-delivered { background: var(--delivered); } .badge-delivered { background: var(--delivered); }
.badge-received { background: var(--received); } .badge-received { background: var(--received); }