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]) }, [content])
return ( return (
<div <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8 text-gray-900">
className="prose prose-gray max-w-none bg-white text-gray-900 <div
[&>h1]:text-3xl [&>h1]:sm:text-4xl [&>h1]:font-bold [&>h1]:mb-6 [&>h1]:text-gray-900 className="prose prose-gray max-w-none
[&>h2]:text-2xl [&>h2]:font-semibold [&>h2]:mt-8 [&>h2]:mb-4 [&>h2]:text-gray-800 [&>h1]:text-3xl [&>h1]:sm:text-4xl [&>h1]:font-bold [&>h1]:mb-6 [&>h1]:text-gray-900
[&>h3]:text-xl [&>h3]:font-medium [&>h3]:mt-6 [&>h3]:mb-3 [&>h3]:text-gray-700 [&>h2]:text-2xl [&>h2]:font-semibold [&>h2]:mt-8 [&>h2]:mb-4 [&>h2]:text-gray-900
[&>p]:mb-4 [&>p]:text-gray-700 [&>h3]:text-xl [&>h3]:font-semibold [&>h3]:mt-6 [&>h3]:mb-3 [&>h3]:text-gray-900
[&>ul]:list-disc [&>ul]:pl-5 [&>ul]:mb-4 [&>p]:mb-4 [&>p]:text-gray-900
[&>ul>li]:text-gray-700 [&>ul>li]:mb-2 [&>ul]:list-disc [&>ul]:pl-5 [&>ul]:mb-4
[&>ol]:list-decimal [&>ol]:pl-5 [&>ol]:mb-4 [&>ul>li]:text-gray-900 [&>ul>li]:mb-2
[&>ol>li]:text-gray-700 [&>ol>li]:mb-2 [&>ol]:list-decimal [&>ol]:pl-5 [&>ol]:mb-4
[&>a]:text-blue-600 [&>a:hover]:underline [&>ol>li]:text-gray-900 [&>ol>li]:mb-2
[&>strong]:font-bold [&>strong]:text-gray-900" [&>a]:text-blue-600 [&>a:hover]:underline
> [&>strong]:font-bold [&>strong]:text-gray-900"
{processedContent} >
{processedContent}
</div>
</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 ( return (
<div className="min-h-screen bg-white"> <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} />
<GuideContent content={guideContent} />
</div>
</div> </div>
) )
} }