fix: codeblock background and other mobile issues (#10892)

* fix: codeblock background

* fix: horizontal scroll on properties

* fix: badge text wrapping

* fix: wrap overload tab list
This commit is contained in:
Almeida
2025-05-07 22:17:09 +01:00
committed by GitHub
parent 436784f945
commit f686c83b18
6 changed files with 11 additions and 11 deletions

View File

@@ -30,10 +30,10 @@ async function OverloadNode({
return (
<Tabs className="flex flex-col gap-4">
<TabList className="flex gap-2">
<TabList className="flex flex-wrap gap-2">
{node.overloads.map((overload: any) => (
<Tab
className="cursor-pointer rounded-full bg-neutral-800/10 px-2 py-1 font-sans text-sm leading-none font-normal text-neutral-800 hover:bg-neutral-800/20 data-[selected]:bg-neutral-500 data-[selected]:text-neutral-100 dark:bg-neutral-200/10 dark:text-neutral-200 dark:hover:bg-neutral-200/20 dark:data-[selected]:bg-neutral-500/70"
className="cursor-pointer rounded-full bg-neutral-800/10 px-2 py-1 font-sans text-sm leading-none font-normal whitespace-nowrap text-neutral-800 hover:bg-neutral-800/20 data-[selected]:bg-neutral-500 data-[selected]:text-neutral-100 dark:bg-neutral-200/10 dark:text-neutral-200 dark:hover:bg-neutral-200/20 dark:data-[selected]:bg-neutral-500/70"
id={`overload-${overload.displayName}-${overload.overloadIndex}`}
key={`overload-tab-${overload.displayName}-${overload.overloadIndex}`}
>
@@ -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">
<SyntaxHighlighter
className="w-min bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]"
className="min-w-max bg-[#f3f3f4] py-4 text-sm dark:bg-[#121214]"
code={node.sourceExcerpt}
lang="typescript"
/>