dekun/zhimingge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tighten ultrawide layout with visible side gutters.

Browse Source 
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>
This commit is contained in:
dekun
2026-06-11 00:26:59 +08:00
parent e71baad554
commit 9fc7336095
13 changed files with 51 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/learn/[slug]/page.tsx
+1 -1
View File
@@ -52,7 +52,7 @@ export default async function GuaDetailPage({
const num = guaNumFromMark(guaMark);
return (
<PageShell className="max-w-3xl px-4 py-8">
<PageShell width="narrow" className="py-8">
<div className="mb-6 text-sm text-muted-foreground">
<Link href="/learn" className="hover:text-foreground">
← 返回总览
app/learn/other/[slug]/page.tsx
+1 -1
View File
@@ -48,7 +48,7 @@ export default async function GuaOtherDetailPage({
const content = stripFrontmatter(raw);
return (
<PageShell className="max-w-3xl px-4 py-8">
<PageShell width="narrow" className="py-8">
<div className="mb-6 text-sm text-muted-foreground">
<Link href="/learn/other" className="hover:text-foreground">
← 返回简体总览
app/learn/other/page.tsx
+1 -2
View File
@@ -2,7 +2,6 @@ import Link from "next/link";
import PageShell from "@/components/page-shell";
import { GuaGrid } from "@/components/learn/gua-grid";
import { ZenCard } from "@/components/ui/zen-card";
import { APP_CONTAINER } from "@/lib/layout";
import {
getGuaName,
guaNumFromMark,
@@ -18,7 +17,7 @@ export default async function LearnOtherPage() {
}));
return (
<PageShell className={`${APP_CONTAINER} py-8`}>
<PageShell className="py-8">
<div className="mb-8 text-center">
<h1 className="text-2xl font-bold tracking-wide">易经学习</h1>
<p className="mt-2 text-sm text-muted-foreground">
app/learn/page.tsx
+1 -2
View File
@@ -2,7 +2,6 @@ import Link from "next/link";
import PageShell from "@/components/page-shell";
import { GuaGrid } from "@/components/learn/gua-grid";
import { ZenCard } from "@/components/ui/zen-card";
import { APP_CONTAINER } from "@/lib/layout";
import {
getGuaName,
guaNumFromMark,
@@ -18,7 +17,7 @@ export default async function LearnPage() {
}));
return (
<PageShell className={`${APP_CONTAINER} py-8`}>
<PageShell className="py-8">
<div className="mb-8 text-center">
<h1 className="text-2xl font-bold tracking-wide">易经学习</h1>
<p className="mt-2 text-sm text-muted-foreground">