From d1c335aec07f8a09434945779a6259ddcb5c8bce Mon Sep 17 00:00:00 2001
From: Kieran Klukas <92754843+kcoderhtml@users.noreply.github.com>
Date: Wed, 21 Aug 2024 11:08:25 -0400
Subject: [PATCH 1/2] feat: make the inline code blocks closer to the way
 github and slack render them

https://hackclub.slack.com/archives/C07HNMJALTW/p1724251063976199
---
 components/arcade/showcase/readme-renderer.module.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/components/arcade/showcase/readme-renderer.module.css b/components/arcade/showcase/readme-renderer.module.css
index f61234e8..00802f32 100644
--- a/components/arcade/showcase/readme-renderer.module.css
+++ b/components/arcade/showcase/readme-renderer.module.css
@@ -394,3 +394,9 @@ SOFTWARE.
 	background-color: transparent;
 	border: none;
 }
+
+code:not(pre code) {
+	color: #e8912d;
+	font-size: 0.95rem;
+	border: 1px solid #CCCCCC !important;
+}

From 72db81e2b539445d85ab7f8ba7e6949f9918a263 Mon Sep 17 00:00:00 2001
From: Kieran Klukas <92754843+kcoderhtml@users.noreply.github.com>
Date: Wed, 21 Aug 2024 11:12:13 -0400
Subject: [PATCH 2/2] feat: add 0.5rem padding to readme images

---
 components/arcade/showcase/readme-renderer.module.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/arcade/showcase/readme-renderer.module.css b/components/arcade/showcase/readme-renderer.module.css
index 00802f32..8eac9277 100644
--- a/components/arcade/showcase/readme-renderer.module.css
+++ b/components/arcade/showcase/readme-renderer.module.css
@@ -3,6 +3,7 @@
 }
 .reactMarkDown img {
   max-width: 100%;
+  padding: 0.5rem
 }
 
 /*