Merge pull request #12 from cloudmix-dev/bugfix/code-prose-styling

Fix Code component styling within Prose component
cloudmix-dev · Dec 30, 2023 · 9c59fd4 · 9c59fd4
2 parents ec00a5c + 307bdaf
commit 9c59fd4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/giant-trees-trade.md b/.changeset/giant-trees-trade.md
@@ -0,0 +1,5 @@
+---
+"@cloudmix-dev/react": patch
+---
+
+Fix Code component rendering within Prose component
diff --git a/packages/react/src/components/code.tsx b/packages/react/src/components/code.tsx
@@ -36,7 +36,7 @@ function Code({ content, copy, fileExplorer, language, numbers }: CodeProps) {
   };
 
   return (
-    <div className="relative p-4 bg-neutral-900 rounded-lg font-mono ring-1 ring-neutral-700">
+    <div className="not-prose relative p-4 bg-neutral-900 rounded-lg font-mono ring-1 ring-neutral-700">
       <div className="absolute -top-px left-20 right-11 h-px bg-gradient-to-r from-brand-300/0 via-brand-300/70 to-brand-300/0 dark:from-brand-700/0 dark:via-brand-700/50 dark:to-brand-700/0" />
       <div className="absolute -bottom-px left-11 right-20 h-px bg-gradient-to-r from-brand-400/0 via-brand-400 to-brand-400/0 dark:from-brand-600/0 dark:via-brand-600/70 dark:to-brand-600/0" />
       {fileExplorer && (