fix: remove backtick decorations from inline code elements (#30)

The @tailwindcss/typography plugin injects backtick characters via
CSS ::before and ::after pseudo-elements on <code> tags. This caused
inline code to display with visible backticks around the highlighted
text. Override with content-none on the prose-code pseudo-elements.

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Wes
2026-03-31 15:31:07 -07:00
committed by GitHub
parent f63fa19aba
commit 24d1e44c2b
@@ -138,6 +138,7 @@ export const MarkdownContent = memo(function MarkdownContent({
className={cn(
`w-full overflow-x-hidden prose prose-sm dark:prose-invert max-w-full
prose-pre:p-0 prose-pre:m-0 !p-0
prose-code:before:content-none prose-code:after:content-none
prose-code:break-all prose-code:whitespace-pre-wrap prose-code:font-mono
prose-a:break-all prose-a:text-accent prose-a:underline
prose-table:table prose-table:w-full