summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorIwanIDev <iwan@iwani.dev>2026-03-27 15:56:34 +0000
committerIwanIDev <iwan@iwani.dev>2026-03-27 15:56:34 +0000
commit688a35816ed9002a304d71e0a9fa8545323c3e72 (patch)
treee7ac1ad1c7ca688b67e99941598c5e16f35770db
parentccee6e58c24c2512020dcc2cd15eeddb987ef4e3 (diff)
feat: add rounded border to blog post card
-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 5a66a89..48b94f0 100644
--- a/src/components/BlogPosts.astro
+++ b/src/components/BlogPosts.astro
@@ -22,8 +22,8 @@ const dateFormatter = new Intl.DateTimeFormat('en-GB', {
<div class="space-y-4 max-h-96 overflow-y-auto">
{sortedPosts.map((post) => (
<a href={`/posts/${post.id}`} class="block hover:opacity-80 transition-opacity" data-astro-prefetch>
- <Card>
- <CardHeader>
+ <Card className="border rounded-xl">
+ <CardHeader className="border-b">
<h2 class="font-heading text-sm font-medium" transition:name={`post-title-${post.id}`}>{post.data.title}</h2>
<CardDescription>{post.data.description}</CardDescription>
</CardHeader>