Add horizontal scrolling for code tag in blog articles.

ivelum · Dec 26, 2024 · 93a4ac4 · 93a4ac4
1 parent 37af30b
commit 93a4ac4
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/assets/sass/_article.scss b/assets/sass/_article.scss
@@ -101,12 +101,20 @@
     font-size: 1rem;
     padding: 0 .375rem;
     line-height: 1.75;
-    white-space: pre-wrap;
   }
 
   pre {
-    background-color: transparent !important;
-    padding-left: 5px;
+    margin-left: 5px;
+    border: 1px solid #e6e8f0;
+    border-radius: 4px;
+    background-color: #f9fafc !important;
+    overflow: auto;
+
+    code {
+      border: unset;
+      border-radius: unset;
+      overflow: visible;
+    }
   }
 
   table {