Goatworks/Capital
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Better article

Browse Source
This commit is contained in:
LittleSheep
2024-02-24 18:29:29 +08:00
parent f9fcae6c7c
commit ea50f739b3
9 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/posts/[id]/page.tsx
View File

@ -22,7 +22,7 @@ export default function PostDetailPage({ params }: { params: { id: string } }) {
<CardContent sx={{ paddingX: 5, paddingY: 3 }}>
<Box>
<Typography gutterBottom variant="h5" component="h1">
<Typography gutterBottom variant="h2">
{post.title}
</Typography>
<Typography color="text.secondary" variant="body2">
@ -30,7 +30,7 @@ export default function PostDetailPage({ params }: { params: { id: string } }) {
</Typography>
</Box>
<Divider sx={{ my: 5 }} />
<Box component="article" sx={{ minWidth: 0 }}>
<Box component="article" className="prose max-w-none" sx={{ minWidth: 0 }}>
<PostContent content={post.content ?? ""} />
</Box>
</CardContent>

2
app/posts/layout.tsx
View File

@ -5,7 +5,7 @@ export default function PostLayout({children}: Readonly<{
children: ReactNode;
}>) {
return (
<Container sx={{ display: "flex", justifyContent: "center", gap: 4, py: 4 }}>
<Container sx={{ display: "flex", justifyContent: "center", gap: 4, py: 2 }}>
<Box sx={{ flexGrow: 1, maxWidth: 720 }}>
{children}
</Box>

2
app/posts/page.tsx
View File

@ -22,7 +22,7 @@ export default function PostList() {
}
<CardContent sx={{ paddingX: 5, paddingY: 3 }}>
<Typography gutterBottom variant="h5" component="h2">
<Typography gutterBottom variant="h3">
{post.title}
</Typography>
<Typography variant="body2" color="text.secondary">