fix: syntaxhighlighter fill scrollbar width (#10887)

Co-authored-by: Bryan P. <bryanp.@iMac.lan>
This commit is contained in:
brynpttrsn
2025-05-06 04:48:05 -04:00
committed by GitHub
parent 6efdf3b901
commit c48cc74c4b
2 changed files with 6 additions and 2 deletions

View File

@@ -75,7 +75,7 @@ export async function DocItem({
<Scrollbars className="border-base-neutral-200 dark:border-base-neutral-600 bg-base-neutral-100 dark:bg-base-neutral-900 rounded-sm border"> <Scrollbars className="border-base-neutral-200 dark:border-base-neutral-600 bg-base-neutral-100 dark:bg-base-neutral-900 rounded-sm border">
<SyntaxHighlighter <SyntaxHighlighter
className="bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]" className="w-min bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]"
code={node.sourceExcerpt} code={node.sourceExcerpt}
lang="typescript" lang="typescript"
/> />

View File

@@ -71,7 +71,11 @@ export async function DocNode({ node, version }: { readonly node?: any; readonly
defer defer
key={`${language}-${text}-${idx}`} key={`${language}-${text}-${idx}`}
> >
<SyntaxHighlighter className="bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]" code={text} lang={language} /> <SyntaxHighlighter
className="w-min bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]"
code={text}
lang={language}
/>
</Scrollbars> </Scrollbars>
); );
} }