feat(ui): stack country and recipient/sender vertically in postcard list

This commit is contained in:
2026-07-05 23:07:41 +08:00
parent 80928d5ae6
commit 6ae80c5591
2 changed files with 8 additions and 3 deletions

View File

@@ -214,6 +214,7 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si
.postcard-row-info span { white-space: nowrap; color: var(--text-muted); }
.postcard-row-action { flex-shrink: 0; }
.postcard-row-date { font-size: .78rem; color: var(--text-muted); white-space: nowrap; }
.postcard-row-detail { display: flex; flex-direction: column; gap: 0; font-size: .85rem; color: var(--text-muted); }
/* Filter */
.filter-bar { margin-bottom: 1.25rem; }

View File

@@ -35,8 +35,10 @@
</div>
<div class="postcard-row-info">
<strong>{{ pc.card_number }}</strong>
<div class="postcard-row-detail">
<span>{{ pc.country|flag }} {{ pc.country or '-' }}</span>
<span>→ {{ pc.recipient_name or '-' }}</span>
</div>
<span class="badge badge-{{ pc.status }}">{{ {'sent':'已寄出','delivered':'已送达'}.get(pc.status) }}</span>
<span class="postcard-row-date">
{% if pc.send_time %}{{ pc.send_time.strftime('%Y-%m-%d') }}寄出{% endif %}
@@ -70,7 +72,9 @@
</div>
<div class="postcard-row-info">
<strong>{{ pc.card_number }}</strong>
<div class="postcard-row-detail">
<span>← {{ pc.sender_name or '-' }}</span>
</div>
{% if pc.receive_time %}<span class="postcard-row-date">{{ pc.receive_time.strftime('%Y-%m-%d') }}收到</span>{% endif %}
</div>
</a>