design+client: 抽 .view-body/PageBody 统一桌面内容页宽度(600/wide 840)——stats·contact 补约束,settings·contact 560→600,九页收口

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01P9G7E3wmAYL9KeYCVZVsqu
This commit is contained in:
wangjia
2026-07-13 09:46:57 +08:00
parent b88921a030
commit fa9a5c2d5e
22 changed files with 87 additions and 34 deletions
+10
View File
@@ -92,6 +92,16 @@
.btn-block { width: 100%; }
/* =============================================================
VIEW BODY · .view-body (+ .is-wide)
桌面客户端内容视图统一宽度容器 —— 对齐 Flutter PageBody(client/lib/widgets/page_body.dart)。
默认 600px 居中(单栏内容页:账户/设置/联系我们/统计/订单/通知/邀请);
.is-wide 840px(多列网格页:购买套餐)。宽度标量本身无对应 token,字面写死属正常。
============================================================= */
.view-body{ max-width:600px; margin:0 auto; padding:var(--space-5) var(--space-6) var(--space-6); }
.view-body.is-wide{ max-width:840px; }
/* =============================================================
CARD · .card
surface 底 + border + radius-lg + shadow-sm