apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-21 18:55:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat: add custom callout component to MarkdownViewer for enhanced styling

Browse source
This commit is contained in:
DESKTOP-RTLN3BA\$punk 2026-01-13 01:48:43 -08:00
parent 25b9118306
commit 6622a8c582
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
surfsense_web/components/markdown-viewer.tsx
View file

@ -10,6 +10,14 @@ interface MarkdownViewerProps {
export function MarkdownViewer({ content, className }: MarkdownViewerProps) { export function MarkdownViewer({ content, className }: MarkdownViewerProps) {
const components: StreamdownProps["components"] = { const components: StreamdownProps["components"] = {
// Define custom components for markdown elements // Define custom components for markdown elements
callout: ({ children, ...props }) => (
<div
className="my-4 rounded-lg border border-blue-200 bg-blue-50 p-4 dark:border-blue-800 dark:bg-blue-950"
{...props}
>
{children}
</div>
),
p: ({ children, ...props }) => ( p: ({ children, ...props }) => (
<p className="my-2" {...props}> <p className="my-2" {...props}>
{children} {children}