From 143079f46783f6d2138f1a3d6d0c1fb6d2f798d1 Mon Sep 17 00:00:00 2001
From: kubgus <ja.gustafik@outlook.sk>
Date: Wed, 14 Aug 2024 15:09:16 +0200
Subject: [PATCH] Change blog list style

---
 src/components/blog-preview.astro | 10 +++++++---
 src/components/content/blog.astro |  6 ++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/blog-preview.astro b/src/components/blog-preview.astro
index 50db246..475e3bc 100644
--- a/src/components/blog-preview.astro
+++ b/src/components/blog-preview.astro
@@ -4,7 +4,7 @@ const { post } = Astro.props;
 const dateString = new Date(post.frontmatter.date).toLocaleString("en-US", { month: "long", day: "numeric", year: "numeric" });
 ---
 
-<figure class="container">
+<figure>
     <a href={post.url}>
         <h1>{post.frontmatter.title}</h1>
         <div class="info">
@@ -20,8 +20,12 @@ const dateString = new Date(post.frontmatter.date).toLocaleString("en-US", { mon
         display: flex;
         flex-direction: column;
         gap: 0.5rem;
-        padding: 1rem;
-        border-width: 2px;
+        padding: 1rem 0.5rem;
+        border-top: 1px solid var(--secondary-background-dark);
+    }
+
+    figure:last-child {
+        border-bottom: 1px solid var(--secondary-background-dark);
     }
 
     a {
diff --git a/src/components/content/blog.astro b/src/components/content/blog.astro
index ceebb81..67e9c56 100644
--- a/src/components/content/blog.astro
+++ b/src/components/content/blog.astro
@@ -14,3 +14,9 @@ posts.sort((a, b) => new Date(b.frontmatter.date).valueOf() - new Date(a.frontma
         ))
     }
 </div>
+
+<style>
+    h1 {
+        margin-bottom: 1rem;
+    }
+</style>