From 688a35816ed9002a304d71e0a9fa8545323c3e72 Mon Sep 17 00:00:00 2001
From: IwanIDev <iwan@iwani.dev>
Date: Fri, 27 Mar 2026 15:56:34 +0000
Subject: feat: add rounded border to blog post card

---
 src/components/BlogPosts.astro | 4 ++--
 1 file 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>
-- 
cgit