earthjasonlin/mailova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Zichao Lin
2026-07-05 23:07:41 +08:00
parent 80928d5ae6
commit 6ae80c5591
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/static/style.css
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-info span { white-space: nowrap; color: var(--text-muted); }
.postcard-row-action { flex-shrink: 0; } .postcard-row-action { flex-shrink: 0; }
.postcard-row-date { font-size: .78rem; color: var(--text-muted); white-space: nowrap; } .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 */
.filter-bar { margin-bottom: 1.25rem; } .filter-bar { margin-bottom: 1.25rem; }

4
app/templates/postcards.html
View File

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