style: 大幅壓縮操作手冊內容間距,提升資訊密度
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user