Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-06-30 13:16:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update page.tsx

Browse Source
This commit is contained in:
MacRimi 2025-02-15 11:18:01 +01:00 committed by GitHub
parent 8fc1804cce
commit 456b612791
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/app/guides/[slug]/page.tsx
View File

@ -38,12 +38,12 @@ export async function generateStaticParams() {
} }
function wrapCodeBlocksWithCopyable(content: string) { function wrapCodeBlocksWithCopyable(content: string) {
// Detectar bloques de código y aplicar estilos correctos // Reemplazar los bloques de código de Markdown con CopyableCode
const codeBlockRegex = /<pre><code>([\s\S]*?)<\/code><\/pre>/g const codeBlockRegex = /<pre><code>([\s\S]*?)<\/code><\/pre>/g
return content.replace(codeBlockRegex, (match, code) => { return content.replace(codeBlockRegex, (match, code) => {
return ` return `
<div class="bg-gray-100 text-gray-900 border border-gray-300 rounded-md p-4 overflow-auto"> <div class="bg-gray-100 border border-gray-300 rounded-md p-4 overflow-auto">
<CopyableCode code={\`${code.replace(/`/g, "\\`")}\`} /> <CopyableCode code={\`${code.replace(/`/g, "\\`")}\`} />
</div> </div>
` `
@ -58,9 +58,7 @@ export default async function GuidePage({ params }: { params: { slug: string } }
<div className="min-h-screen bg-white"> <div className="min-h-screen bg-white">
<div className="container mx-auto px-4 py-16 max-w-3xl"> <div className="container mx-auto px-4 py-16 max-w-3xl">
<div <div
className="prose prose-gray max-w-none className="prose prose-gray max-w-none"
[&>h1]:text-gray-900 [&>h2]:text-gray-800 [&>h3]:text-gray-700
[&>p]:text-gray-600 [&>ul>li]:text-gray-600 [&>ol>li]:text-gray-600"
dangerouslySetInnerHTML={{ __html: guideContent }} dangerouslySetInnerHTML={{ __html: guideContent }}
/> />
</div> </div>