luis/cable-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

markdown better

Browse Source
This commit is contained in:
/home/luis
2026-06-13 18:08:08 +02:00
parent 64fb6cbb08
commit 79b462ee4d
1 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/ui/MarkdownContent.tsx
View File

@@ -12,31 +12,38 @@ export default function MarkdownContent({
content, content,
size = "full", size = "full",
}: MarkdownContentProps) { }: MarkdownContentProps) {
const isCompact = size === "compact";
return ( return (
<div <div
className={` className={`
prose prose-slate max-w-none prose prose-slate max-w-none
${size === "compact" ? "prose-xs" : "prose-sm"} ${isCompact ? "prose-xs" : "prose-base"}
prose-headings:font-semibold prose-headings:text-slate-900 prose-headings:font-bold prose-headings:text-slate-900
prose-h1:text-lg prose-h2:text-base prose-h3:text-sm prose-h1:text-2xl prose-h1:mt-6 prose-h1:mb-3
prose-p:text-slate-700 prose-p:leading-relaxed prose-h2:text-xl prose-h2:mt-5 prose-h2:mb-2
prose-h3:text-lg prose-h3:mt-4 prose-h3:mb-2
prose-h4:text-base prose-h4:mt-3 prose-h4:mb-1
prose-p:text-slate-700 prose-p:leading-relaxed prose-p:my-2
prose-a:text-blue-600 prose-a:font-medium prose-a:no-underline hover:prose-a:underline prose-a:text-blue-600 prose-a:font-medium prose-a:no-underline hover:prose-a:underline
prose-strong:text-slate-900 prose-strong:font-semibold prose-strong:text-slate-900 prose-strong:font-bold
prose-em:text-slate-700 prose-em:text-slate-700 prose-em:italic
prose-code:bg-slate-100 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:bg-slate-100 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded
prose-code:text-slate-800 prose-code:font-mono prose-code:text-xs prose-code:before:content-none prose-code:after:content-none prose-code:text-slate-800 prose-code:font-mono prose-code:text-sm prose-code:before:content-none prose-code:after:content-none
prose-pre:bg-slate-900 prose-pre:text-slate-100 prose-pre:border-0 prose-pre:rounded-lg prose-pre:p-4 prose-pre:overflow-x-auto prose-pre:bg-slate-900 prose-pre:text-slate-100 prose-pre:border-0 prose-pre:rounded-lg prose-pre:p-4 prose-pre:overflow-x-auto
prose-pre:shadow-sm prose-pre:shadow-sm prose-pre:my-3
prose-blockquote:border-l-4 prose-blockquote:border-blue-300 prose-blockquote:text-slate-700 prose-blockquote:border-l-4 prose-blockquote:border-blue-300 prose-blockquote:text-slate-600
prose-blockquote:italic prose-blockquote:px-4 prose-blockquote:py-1 prose-blockquote:italic prose-blockquote:px-4 prose-blockquote:py-1 prose-blockquote:my-2
prose-ul:text-slate-700 prose-ul:space-y-1 prose-ul:list-disc prose-ul:list-inside prose-ul:text-slate-700 prose-ul:my-2 prose-ul:pl-4
prose-ol:text-slate-700 prose-ol:space-y-1 prose-ol:list-decimal prose-ol:list-inside prose-ol:text-slate-700 prose-ol:my-2 prose-ol:pl-4
prose-li:text-slate-700 prose-li:leading-relaxed prose-li:text-slate-700 prose-li:leading-relaxed prose-li:my-1
prose-hr:border-slate-200 prose-hr:border-slate-300 prose-hr:my-4
prose-table:text-slate-700 prose-table:text-slate-700 prose-table:my-3
prose-thead:bg-slate-50 prose-thead:border-slate-200 prose-thead:bg-slate-100 prose-thead:border-slate-300
prose-td:px-3 prose-td:py-2 prose-td:border-slate-200
prose-th:px-3 prose-th:py-2 prose-th:border-slate-300 prose-th:font-semibold
prose-tr:border-slate-200 prose-tr:border-slate-200
prose-img:rounded-lg prose-img:shadow-sm prose-img:rounded-lg prose-img:shadow-md prose-img:my-3
`} `}
> >
<ReactMarkdown>{content}</ReactMarkdown> <ReactMarkdown>{content}</ReactMarkdown>