From c3528e05500b73b9c82e7ade64576949fafb6b7e Mon Sep 17 00:00:00 2001
From: moonlitgrace <moonlitgrace.gaia@gmail.com>
Date: Tue, 8 Oct 2024 22:47:49 +0530
Subject: [PATCH] feat: change markdown design

---
 app/(routes)/(main)/blog/page.tsx | 2 +-
 components/markdown.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(routes)/(main)/blog/page.tsx b/app/(routes)/(main)/blog/page.tsx
index 3e63fb7..c6254bc 100644
--- a/app/(routes)/(main)/blog/page.tsx
+++ b/app/(routes)/(main)/blog/page.tsx
@@ -59,7 +59,7 @@ export default async function BlogPage() {
                   <span className="text-xs font-bold uppercase text-muted-foreground">
                     {formatDate(post.createdAt)}
                   </span>
-                  <Badge className="hidden w-min capitalize md:flex">{post.tag}</Badge>
+                  <Badge className="flex w-min capitalize">{post.tag}</Badge>
                 </div>
                 <Link href={`/blog/${post.slug}`} className="relative text-xl font-bold underline">
                   {post.title}
diff --git a/components/markdown.tsx b/components/markdown.tsx
index 37dddf4..2594964 100644
--- a/components/markdown.tsx
+++ b/components/markdown.tsx
@@ -79,7 +79,7 @@ const Markdown = ({ markdown }: { markdown: string }) => {
   return (
     <>
       <article
-        className="prose dark:prose-invert prose-pre:rounded-2xl prose-pre:bg-secondary/25 prose-img:rounded-2xl"
+        className="prose dark:prose-invert prose-pre:rounded-2xl prose-pre:border prose-pre:bg-secondary/25 prose-img:rounded-2xl"
         dangerouslySetInnerHTML={{
           __html: DOMPurify.sanitize(marked.parse(markdown) as string, {
             USE_PROFILES: { html: true },