From 0af32518b343430dd8510470efd3806509337de7 Mon Sep 17 00:00:00 2001
From: Tanjim Hossain <tangimhossain1@gmail.com>
Date: Wed, 20 Sep 2023 13:31:10 +0600
Subject: [PATCH] fix: resolve single-line code block wrapping issue (#121)

white-space should be pre-wrap - or else, a single long line of code block may break the layout of whole page on mobile devices

use word break for code and blockquote, white-space: pre for fenced code
---
 src/styles/base.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/styles/base.css b/src/styles/base.css
index 9b69f69..8933ffb 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -115,9 +115,12 @@
     @apply bg-skin-card-muted;
   }
 
-  code {
+  code, blockquote {
+    word-wrap: break-word;
+  }
+
+  pre > code {
     white-space: pre;
-    overflow: scroll;
   }
 }