style: 大幅壓縮操作手冊內容間距,提升資訊密度
Some checks failed
Koori-ERP-Deploy-System / deploy-demo (push) Has been skipped
Koori-ERP-Deploy-System / deploy-production (push) Has been cancelled

This commit is contained in:
2026-02-13 16:01:16 +08:00
parent 034a21cd31
commit 227cfec0d2

View File

@@ -118,17 +118,19 @@ export default function ManualIndex({ toc, currentSlug, content }: Props) {
</div>
<div className="flex-1 overflow-y-auto bg-white" id="manual-content-scroll">
<div className="max-w-4xl mx-auto p-8 md:p-16 lg:p-20">
<div className="max-w-5xl mx-auto p-4 md:p-8 lg:p-12">
<article className="prose prose-slate max-w-none
prose-headings:text-slate-900 prose-headings:tracking-tight prose-headings:mt-6 prose-headings:mb-2
prose-h1:text-3xl prose-h1:pb-3 prose-h1:border-b prose-h1:border-slate-100 prose-h1:mt-0
prose-p:text-slate-600 prose-p:leading-7 prose-p:my-3
prose-li:text-slate-600 prose-li:leading-7 prose-li:my-1
prose-ul:my-3 prose-ol:my-3
prose-headings:text-slate-900 prose-headings:tracking-tight prose-headings:mt-4 prose-headings:mb-1.5
prose-h1:text-2xl prose-h1:pb-2 prose-h1:border-b prose-h1:border-slate-100 prose-h1:mt-0
prose-h2:text-xl prose-h2:mt-5
prose-p:text-slate-600 prose-p:leading-6 prose-p:my-1.5 prose-p:text-[15px]
prose-li:text-slate-600 prose-li:leading-6 prose-li:my-0.5 prose-li:text-[15px]
prose-ul:my-1.5 prose-ol:my-1.5
prose-a:text-primary-main prose-a:no-underline hover:prose-a:underline
prose-blockquote:border-l-4 prose-blockquote:border-primary-main prose-blockquote:bg-slate-50 prose-blockquote:my-4 prose-blockquote:py-1
prose-img:rounded-xl prose-img:shadow-lg prose-img:my-6
prose-code:text-primary-main prose-code:bg-primary-lightest prose-code:px-1 prose-code:rounded">
prose-blockquote:border-l-4 prose-blockquote:border-primary-main prose-blockquote:bg-slate-50 prose-blockquote:my-2 prose-blockquote:py-0.5 prose-blockquote:px-4
prose-img:rounded-lg prose-img:shadow-md prose-img:my-4
prose-code:text-primary-main prose-code:bg-primary-lightest prose-code:px-1 prose-code:rounded prose-code:text-[13px]
prose-pre:my-3 prose-pre:p-3 prose-pre:rounded-lg">
<ReactMarkdown remarkPlugins={[remarkGfm]}>
{content}
</ReactMarkdown>