Enhance blog layout and functionality; add social links configuration in .env.local, implement search functionality in Home component, and improve post page styling.

This commit is contained in:
2025-06-18 19:27:05 +02:00
parent fcec794f13
commit c4af151d6c
5 changed files with 175 additions and 136 deletions

View File

@@ -111,17 +111,16 @@ export default function PostPage({ params }: { params: { slug: string[] } }) {
}
return (
<article className="min-h-screen p-8 max-w-4xl mx-auto">
<article className="min-h-screen px-4 py-10 mx-auto md:mx-16 rounded-2xl shadow-lg">
<Link href="/" className="text-blue-600 hover:underline mb-8 inline-block">
Zurück zu den Beiträgen
</Link>
<h1 className="text-4xl font-bold mb-4">{post.title}</h1>
<div className="text-gray-600 mb-8">
<h1 className="text-4xl font-bold mb-4 text-left">{post.title}</h1>
<div className="text-gray-600 mb-8 text-left">
{post.date ? (
<div>Veröffentlicht: {format(new Date(post.date), 'd. MMMM yyyy')}</div>
) : (
<div className="flex flex-col items-center">
<div className="flex flex-col items-start">
<div className="flex">
<span className="text-2xl animate-spin mr-2"></span>
<span className="text-2xl animate-spin-reverse"></span>
@@ -131,7 +130,6 @@ export default function PostPage({ params }: { params: { slug: string[] } }) {
)}
<div>Erstellt: {format(new Date(post.createdAt), 'd. MMMM yyyy HH:mm')}</div>
</div>
<div className="flex gap-2 mb-8">
{post.tags.map((tag) => (
<span
@@ -142,9 +140,8 @@ export default function PostPage({ params }: { params: { slug: string[] } }) {
</span>
))}
</div>
<div
className="prose prose-lg max-w-none"
className="prose prose-lg max-w-full text-left"
dangerouslySetInnerHTML={{ __html: post.content }}
/>
</article>