summaryrefslogtreecommitdiff
path: root/src/components/BlogPosts.astro
diff options
context:
space:
mode:
authorIwanIDev <iwan@iwani.dev>2026-03-21 15:43:12 +0000
committerIwanIDev <iwan@iwani.dev>2026-03-21 15:43:12 +0000
commit42ca90ee1f0aadaa09888f1c9627657abcd866b2 (patch)
treea9291ad2afae2f7367924fcb8b36a36a6d79c497 /src/components/BlogPosts.astro
parentc2ad94b04f290b5197a1cc80c98015be9e7b25da (diff)
feat: implement PostHeader component and add blog post route
Diffstat (limited to 'src/components/BlogPosts.astro')
-rw-r--r--src/components/BlogPosts.astro4
1 files changed, 2 insertions, 2 deletions
diff --git a/src/components/BlogPosts.astro b/src/components/BlogPosts.astro
index 54b7529..73f9b5c 100644
--- a/src/components/BlogPosts.astro
+++ b/src/components/BlogPosts.astro
@@ -1,6 +1,6 @@
---
import { getCollection } from 'astro:content';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Card, CardContent, CardDescription, CardHeader } from "@/components/ui/card";
// Fetch all blog posts from the content collection
const posts = await getCollection('blog');
@@ -18,7 +18,7 @@ const sortedPosts = posts.sort((a, b) =>
<a href={`/posts/${post.id}`} class="block hover:opacity-80 transition-opacity">
<Card>
<CardHeader>
- <CardTitle>{post.data.title}</CardTitle>
+ <h2 class="font-heading text-sm font-medium" transition:name={`post-title-${post.id}`}>{post.data.title}</h2>
<CardDescription>{post.data.description}</CardDescription>
</CardHeader>
<CardContent>