fix: custom markdown CSS styles for AI chat responses (tables, code, lists, headings)

2026-07-17 19:36:21 +02:00
parent 495d9c63ff
commit b137acb359
2 changed files with 111 additions and 1 deletions
@@ -25,7 +25,7 @@ function MessageContent({ content, role }: { content: string; role: string }) {
    return <div className="whitespace-pre-wrap break-words">{content}</div>;
  }
  return (
-    <div className="prose prose-sm max-w-none break-words [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1 [&_table]:text-xs [&_th]:px-2 [&_th]:py-1 [&_td]:px-2 [&_td]:py-1 [&_pre]:text-xs [&_code]:text-xs">
+    <div className="ai-markdown max-w-none break-words">
      <ReactMarkdown remarkPlugins={[remarkGfm]}>{content}</ReactMarkdown>
    </div>
  );