fix: 簡化 prose 類別以解決 Tailwind v4 排版失效問題
This commit is contained in:
@@ -120,19 +120,13 @@ export default function ManualIndex({ toc, currentSlug, content }: Props) {
|
||||
<ScrollArea className="flex-1 bg-white">
|
||||
<div className="max-w-4xl mx-auto p-8 md:p-16 lg:p-20">
|
||||
<article className="prose prose-slate lg:prose-lg max-w-none
|
||||
prose-headings:font-bold prose-headings:text-slate-900 prose-headings:tracking-tight
|
||||
prose-h1:text-4xl prose-h1:mb-8 prose-h1:pb-4 prose-h1:border-b prose-h1:border-slate-100
|
||||
prose-p:text-slate-600 prose-p:leading-8 prose-p:text-lg
|
||||
prose-li:text-slate-600 prose-li:leading-8 prose-li:text-lg
|
||||
prose-strong:text-slate-900 prose-strong:font-bold
|
||||
prose-headings:text-slate-900 prose-headings:tracking-tight
|
||||
prose-h1:text-4xl prose-h1:pb-4 prose-h1:border-b prose-h1:border-slate-100
|
||||
prose-p:text-slate-600 prose-p:leading-8
|
||||
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:py-2 prose-blockquote:px-6 prose-blockquote:rounded-r-lg prose-blockquote:not-italic
|
||||
prose-pre:bg-slate-900 prose-pre:rounded-2xl prose-pre:p-6 prose-pre:shadow-xl
|
||||
prose-img:rounded-2xl prose-img:shadow-2xl prose-img:border prose-img:border-slate-100
|
||||
prose-code:text-primary-main prose-code:bg-primary-lightest prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:before:content-none prose-code:after:content-none
|
||||
prose-table:border prose-table:border-slate-200 prose-table:rounded-xl prose-table:overflow-hidden prose-table:shadow-sm
|
||||
prose-th:bg-slate-50 prose-th:text-slate-900 prose-th:font-bold prose-th:py-4 prose-th:px-6
|
||||
prose-td:py-4 prose-td:px-6 prose-td:border-t prose-td:border-slate-100">
|
||||
prose-blockquote:border-l-4 prose-blockquote:border-primary-main prose-blockquote:bg-slate-50
|
||||
prose-img:rounded-2xl prose-img:shadow-xl
|
||||
prose-code:text-primary-main prose-code:bg-primary-lightest prose-code:px-1 prose-code:rounded">
|
||||
<ReactMarkdown remarkPlugins={[remarkGfm]}>
|
||||
{content}
|
||||
</ReactMarkdown>
|
||||
|
||||
Reference in New Issue
Block a user