💄 Tweak code block styling

Nismit · Jul 9, 2022 · 43a7515 · 43a7515
1 parent c813801
commit 43a7515
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/components/Content/index.stories.tsx b/src/components/Content/index.stories.tsx
@@ -89,6 +89,14 @@ const ExampleContent = () => (
         住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。
       </p>
     </blockquote>
+    <p>Code Block</p>
+    <pre>
+      <code>
+        {`#define RGBLED_NUM 54
+#undef RGBLED_SPLIT
+#define RGBLED_SPLIT { 27, 27 }`}
+      </code>
+    </pre>
   </>
 );
 

diff --git a/src/components/Content/index.tsx b/src/components/Content/index.tsx
@@ -132,6 +132,7 @@ const _Content = styled.section`
     border-radius: 5px;
 
     > code {
+      margin: 0;
       padding: 0;
       font-size: 100%;
       background-color: transparent;