From 3d4e05b47dccc089e3866fa2649f6f98560e6451 Mon Sep 17 00:00:00 2001
From: Youwen Wu <youwenw@gmail.com>
Date: Sun, 5 May 2024 11:03:49 -0700
Subject: [PATCH] fix: add max width properly to article

---
 src/lib/components/Blog/Article.svelte | 2 +-
 src/lib/styles/markdown.pcss           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Blog/Article.svelte b/src/lib/components/Blog/Article.svelte
index 7fd9713..415f151 100644
--- a/src/lib/components/Blog/Article.svelte
+++ b/src/lib/components/Blog/Article.svelte
@@ -29,7 +29,7 @@
     </figure>
   </header>
 
-  <div class="markdown-body mb-8 font-serif">
+  <div class="markdown-body mb-8 font-serif max-w-3xl">
     {@html doc.content}
   </div>
 </article>
diff --git a/src/lib/styles/markdown.pcss b/src/lib/styles/markdown.pcss
index c0b1766..0c5f805 100644
--- a/src/lib/styles/markdown.pcss
+++ b/src/lib/styles/markdown.pcss
@@ -162,6 +162,6 @@
     height: 1em;
   }
   .hljs {
-    @apply my-4 rounded-xl shadow-lg overflow-x-auto text-wrap;
+    @apply my-4 rounded-xl shadow-lg overflow-x-auto;
   }
 }