dekun
9fc7336095
Cap content at 768-960px via PageShell width tiers, add muted outer margins, and limit gua grid to four columns. Co-authored-by: Cursor <cursoragent@cursor.com>
23 lines
747 B
TypeScript
23 lines
747 B
TypeScript
const pad = "px-4 sm:px-6 lg:px-8";
|
|
|
|
/** 内容区宽度档位（带鱼屏居中，两侧留空） */
|
|
export const CONTENT_SHELL = {
|
|
/** 常规页：约 896px */
|
|
default: `w-full max-w-4xl ${pad}`,
|
|
/** 首页、文章：约 768px */
|
|
narrow: `w-full max-w-3xl ${pad}`,
|
|
/** 双栏测算：约 960px */
|
|
wide: `w-full max-w-[960px] ${pad}`,
|
|
} as const;
|
|
|
|
export type ContentShellWidth = keyof typeof CONTENT_SHELL;
|
|
|
|
/** 页眉 / 页脚 — 与最宽内容区对齐 */
|
|
export const APP_CONTAINER = `mx-auto ${CONTENT_SHELL.wide}`;
|
|
|
|
/** @deprecated 使用 PageShell width="narrow" */
|
|
export const HOME_CONTAINER = `mx-auto ${CONTENT_SHELL.narrow}`;
|
|
|
|
/** 双栏测算工作区 */
|
|
export const MODE_CONTAINER = `mx-auto ${CONTENT_SHELL.wide}`;
|