rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix code blocks

Browse Source 
Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>
This commit is contained in:
Sacha Al Himdani
2026-01-05 10:45:20 +01:00
parent b438732bf7
commit 75e28627a5
3 changed files with 39 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/ui/src/Atoms/Markdown/Markdown.tsx
View File

@@ -23,6 +23,19 @@ export function Markdown({ content }: Props) {
{children}
</a>
),
pre: ({ children, ...props }) => (
<pre
className="border border-border-solid rounded p-4 bg-transparent font-mono text-sm overflow-x-auto text-inherit"
{...props}
>
{children}
</pre>
),
code: ({ children, ...props }) => (
<code className="font-mono text-sm text-inherit" {...props}>
{children}
</code>
),
}}
>
{content}

6
packages/ui/tailwind.config.js
View File

@@ -16,9 +16,9 @@ module.exports = {
"--tw-prose-quotes": "var(--color-txt-secondary)",
"--tw-prose-quote-borders": "var(--color-txt-primary)",
"--tw-prose-captions": "var(--color-txt-secondary)",
"--tw-prose-code": "var(--color-txt-secondary)",
"--tw-prose-pre-code": "var(--color-txt-secondary)",
"--tw-prose-pre-bg": "var(--color-txt-secondary)",
"--tw-prose-code": "var(--color-txt-primary)",
"--tw-prose-pre-code": "var(--color-txt-primary)",
"--tw-prose-pre-bg": "transparent",
"--tw-prose-th-borders": "var(--color-txt-secondary)",
"--tw-prose-td-borders": "var(--color-txt-secondary)",
},

23
pkg/docgen/template.html
View File

@@ -318,6 +318,29 @@
.document-content table tr {
page-break-inside: avoid;
}
.document-content pre {
border: 1px solid #ddd;
border-radius: 4px;
padding: 12px;
margin: 12px 0;
font-family: 'Courier New', Courier, monospace;
font-size: 10pt;
background: transparent;
overflow-x: auto;
page-break-inside: avoid;
}
.document-content code {
font-family: 'Courier New', Courier, monospace;
font-size: 10pt;
}
.document-content pre code {
padding: 0;
background: transparent;
border: none;
}
</style>
</head>
<body>