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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user