style(ui): 收窄宽屏留白——作品库加宽到 max-w-7xl + xl 四列,写作正文 720→768px

- PageContainer wide 档 max-w-6xl→max-w-7xl;作品库改用 wide 档
- 作品库卡片网格 lg 三列基础上加 xl:grid-cols-4,宽屏铺满少留白
- 写作台正文测量 720→768px(约 42 中文字/行,仍舒适),收窄两侧空档
This commit is contained in:
Yaojia Wang
2026-07-12 18:39:01 +02:00
parent b46afd4f8c
commit 40cc3fc9e3
4 changed files with 4 additions and 4 deletions

View File

@@ -23,7 +23,7 @@ export default async function DashboardPage() {
return (
<AppShell>
<PageContainer>
<PageContainer width="wide">
<PageHeader
title="我的作品"
description="从一个灵感进入正文、设定、审稿与验收闭环。"

View File

@@ -150,7 +150,7 @@ export function ProjectLibrary({ projects }: ProjectLibraryProps) {
}
/>
) : viewMode === "cards" ? (
<ul className="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3">
<ul className="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
{visibleProjects.map((p) => (
<li key={p.id}>
<ProjectCard project={p} />

View File

@@ -7,7 +7,7 @@ export type PageWidth = "prose" | "default" | "wide";
const widths: Record<PageWidth, string> = {
prose: "max-w-3xl",
default: "max-w-5xl",
wide: "max-w-6xl",
wide: "max-w-7xl",
};
interface PageContainerProps {

View File

@@ -88,7 +88,7 @@ const config: Config = {
transitionTimingFunction: {
standard: "var(--ease-standard)",
},
maxWidth: { prose: "720px" },
maxWidth: { prose: "768px" },
},
},
plugins: [],