From 1e0a5ddfe2379d80d7c7fcc049077977b695593c Mon Sep 17 00:00:00 2001
From: flu0r1ne <flu0r1ne@flu0r1ne.net>
Date: Wed, 21 Jul 2021 13:06:14 -0500
Subject: Add a code scroll bar for small UIs

---
 components/Markdown/markdown.module.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'components/Markdown')

diff --git a/components/Markdown/markdown.module.scss b/components/Markdown/markdown.module.scss
index ebd372c..e1debd1 100644
--- a/components/Markdown/markdown.module.scss
+++ b/components/Markdown/markdown.module.scss
@@ -73,6 +73,10 @@
     pre {
         padding: 0.5rem 1.0rem;
         margin: 0.5rem 0;
+        box-sizing: border-box;
+    }
+    pre > code {
+        padding: 0;
     }
 
     code, pre {
@@ -80,6 +84,17 @@
         border-radius: 5px;
     }
 
+    pre {
+        overflow: auto;
+        box-sizing: border-box;
+    }
+
+    @media screen and (max-width: 700px) {
+        pre {
+            padding-bottom: 0.7rem;
+        }
+    }
+
     li {
         line-height: 1.15;
         margin-left: 1em;
-- 
cgit v1.2.3