Fix word break and blockquote text color for markdown (#1913)
This commit is contained in:
@@ -86,10 +86,11 @@ export default function MarkdownContent({ content, className = '' }: MarkdownCon
|
|||||||
<ReactMarkdown
|
<ReactMarkdown
|
||||||
remarkPlugins={[remarkGfm]}
|
remarkPlugins={[remarkGfm]}
|
||||||
rehypePlugins={[rehypeinlineCodeProperty, rehypeRaw]}
|
rehypePlugins={[rehypeinlineCodeProperty, rehypeRaw]}
|
||||||
className={`prose prose-xs dark:prose-invert w-full max-w-full break-words
|
className={`prose prose-xs dark:prose-invert w-full max-w-full word-break
|
||||||
prose-pre:p-0 prose-pre:m-0 !p-0
|
prose-pre:p-0 prose-pre:m-0 !p-0
|
||||||
prose-code:break-all prose-code:whitespace-pre-wrap
|
prose-code:break-all prose-code:whitespace-pre-wrap
|
||||||
prose-table:table prose-table:w-full
|
prose-table:table prose-table:w-full
|
||||||
|
prose-blockquote:text-inherit
|
||||||
prose-td:border prose-td:border-borderSubtle prose-td:p-2
|
prose-td:border prose-td:border-borderSubtle prose-td:p-2
|
||||||
prose-th:border prose-th:border-borderSubtle prose-th:p-2
|
prose-th:border prose-th:border-borderSubtle prose-th:p-2
|
||||||
prose-thead:bg-bgSubtle
|
prose-thead:bg-bgSubtle
|
||||||
|
|||||||
@@ -152,6 +152,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@layer components {
|
@layer components {
|
||||||
|
/* Tailwind doesn't offer all three with break-words */
|
||||||
|
.word-break {
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
.titlebar-drag-region {
|
.titlebar-drag-region {
|
||||||
-webkit-app-region: drag;
|
-webkit-app-region: drag;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
|
|||||||
Reference in New Issue
Block a user