mirror of
https://github.com/block/goose.git
synced 2026-07-17 12:56:20 +02:00
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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user