marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: widen article reading layout

Browse Source
This commit is contained in:
OpenCode Worker
2026-06-03 12:55:18 -05:00
parent b28a542a57
commit 72443140f9
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/posts/[slug]/page.tsx
View File

@@ -35,8 +35,8 @@ export default async function PostPage({ params }: { params: Promise<{ slug: str
<>
<ScrollToTop />
<ReadingProgress />
<div className="max-w-4xl mx-auto px-6 py-16">
<div className="grid grid-cols-1 lg:grid-cols-[1fr_200px] gap-8">
<div className="mx-auto max-w-6xl px-6 py-16">
<div className="grid grid-cols-1 gap-8 lg:grid-cols-[minmax(0,1fr)_220px] lg:gap-12">
<article className="min-w-0">
<header className="mb-12">
<time className="font-mono text-sm text-ink-soft" dateTime={post.date}>{new Date(post.date).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })}</time>
@@ -67,7 +67,7 @@ export default async function PostPage({ params }: { params: Promise<{ slug: str
</div>
)}
</header>
<div className="prose prose-lg max-w-none min-w-0">
<div className="prose prose-lg article-prose max-w-none min-w-0">
<PostContent />
</div>
</article>