feat(ui): stack country and recipient/sender vertically in postcard list
This commit is contained in:
@@ -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; }
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user