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

update

Browse Source
This commit is contained in:
MacRimi 2025-02-15 12:22:29 +01:00
parent 6f035055c1
commit 1272d10531
2 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/app/guides/[slug]/GuideContent.tsx
View File

@ -29,20 +29,23 @@ export default function GuideContent({ content }: { content: string }) {
}, [content])
return (
<div
className="prose prose-gray max-w-none bg-white text-gray-900
[&>h1]:text-3xl [&>h1]:sm:text-4xl [&>h1]:font-bold [&>h1]:mb-6 [&>h1]:text-gray-900
[&>h2]:text-2xl [&>h2]:font-semibold [&>h2]:mt-8 [&>h2]:mb-4 [&>h2]:text-gray-800
[&>h3]:text-xl [&>h3]:font-medium [&>h3]:mt-6 [&>h3]:mb-3 [&>h3]:text-gray-700
[&>p]:mb-4 [&>p]:text-gray-700
[&>ul]:list-disc [&>ul]:pl-5 [&>ul]:mb-4
[&>ul>li]:text-gray-700 [&>ul>li]:mb-2
[&>ol]:list-decimal [&>ol]:pl-5 [&>ol]:mb-4
[&>ol>li]:text-gray-700 [&>ol>li]:mb-2
[&>a]:text-blue-600 [&>a:hover]:underline
[&>strong]:font-bold [&>strong]:text-gray-900"
>
{processedContent}
<div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8 text-gray-900">
<div
className="prose prose-gray max-w-none
[&>h1]:text-3xl [&>h1]:sm:text-4xl [&>h1]:font-bold [&>h1]:mb-6 [&>h1]:text-gray-900
[&>h2]:text-2xl [&>h2]:font-semibold [&>h2]:mt-8 [&>h2]:mb-4 [&>h2]:text-gray-900
[&>h3]:text-xl [&>h3]:font-semibold [&>h3]:mt-6 [&>h3]:mb-3 [&>h3]:text-gray-900
[&>p]:mb-4 [&>p]:text-gray-900
[&>ul]:list-disc [&>ul]:pl-5 [&>ul]:mb-4
[&>ul>li]:text-gray-900 [&>ul>li]:mb-2
[&>ol]:list-decimal [&>ol]:pl-5 [&>ol]:mb-4
[&>ol>li]:text-gray-900 [&>ol>li]:mb-2
[&>a]:text-blue-600 [&>a:hover]:underline
[&>strong]:font-bold [&>strong]:text-gray-900"
>
{processedContent}
</div>
</div>
)
}

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

@ -40,9 +40,8 @@ export default async function GuidePage({ params }: { params: { slug: string } }
return (
<div className="min-h-screen bg-white">
<div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8 text-gray-900">
<GuideContent content={guideContent} />
</div>
<GuideContent content={guideContent} />
</div>
)
}