feat: add comment hr & fix hr style

appwrite · Jun 7, 2023 · 36e5d20 · 36e5d20
1 parent d813268
commit 36e5d20
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/example-blog/src/components/Comments.astro b/example-blog/src/components/Comments.astro
@@ -7,6 +7,7 @@ const { postId } = Astro.props;
 
 <post-comments data-postid={postId}>
   <div class="u-flex u-flex-vertical u-gap-16">
+    <hr style="border-bottom: 0.05rem solid hsl(var(--color-border))" />
     <form
       class="form u-width-full-line u-flex u-flex-vertical u-gap-16"
       style="display: none;"

diff --git a/example-blog/src/layouts/BlogPost.astro b/example-blog/src/layouts/BlogPost.astro
@@ -27,7 +27,7 @@ const { $id, $updatedAt, $createdAt, title, content, description, imageurl } =
     }
     {$createdAt && <time>{new Date($createdAt).toLocaleDateString()}</time>}
   </div>
-  <hr class="hr" />
+  <hr style="border-bottom: 0.05rem solid hsl(var(--color-border))" />
   {content}
 </article>
 <section class="u-margin-block-start-32">