feat(dashboard): mobile 2-col stats, add relative time to recent activity

app/routers/web.py

@@ -171,11 +171,14 @@ def dashboard(request: Request, user: User = Depends(get_current_user_web), db:
     else:
         sent_pct = delivered_pct = received_pct = 0
 
+    from datetime import datetime, timezone as _tz
+
     return templates.TemplateResponse("dashboard.html", {
         "request": request, "user": user, "profiles": profiles,
         "total": total, "sent": sent, "delivered": delivered, "received": received,
         "countries": countries, "recent": recent,
         "sent_pct": sent_pct, "delivered_pct": delivered_pct, "received_pct": received_pct,
+        "now": datetime.now(_tz.utc),
     })
 
 

app/static/style.css

@@ -229,10 +229,11 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si
     .nav-links { gap: .75rem; }
     .nav-links a { font-size: .8rem; }
     .container { margin: 1rem auto; padding: 0 1rem; }
-    .dash-stats { flex-direction: column; }
+    .dash-stats { display: grid; grid-template-columns: 1fr 1fr; }
     .dash-stat-card { min-width: 0; }
     .dash-sections { grid-template-columns: 1fr; }
-    .recent-meta { display: none; }
+    .recent-meta > span:nth-child(-n+2) { display: none; }
+    .recent-meta .recent-time { display: inline; }
     .recent-item { gap: .5rem; padding: .5rem; }
     .section-header { flex-direction: column; gap: .75rem; }
     .section-header .btn { width: 100%; }

app/templates/dashboard.html

@@ -84,6 +84,18 @@
                     {% else %}
                     <span>← {{ pc.sender_name or '-' }}</span>
                     {% endif %}
+                    <span class="recent-time">
+                        {% if pc.status == 'sent' and pc.send_time %}
+                            {% set delta = (now.date() - pc.send_time.date()).days %}
+                            {% if delta == 0 %}今天{% elif delta == 1 %}昨天{% else %}{{ delta }}天前{% endif %}
+                        {% elif pc.status == 'delivered' and pc.arrival_time %}
+                            {% set delta = (now.date() - pc.arrival_time.date()).days %}
+                            {% if delta == 0 %}今天{% elif delta == 1 %}昨天{% else %}{{ delta }}天前{% endif %}
+                        {% elif pc.status == 'received' and pc.receive_time %}
+                            {% set delta = (now.date() - pc.receive_time.date()).days %}
+                            {% if delta == 0 %}今天{% elif delta == 1 %}昨天{% else %}{{ delta }}天前{% endif %}
+                        {% endif %}
+                    </span>
                 </div>
             </a>
             {% endfor %}