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

@@ -4,7 +4,7 @@ import type { PropsWithChildren } from 'react';
export function Badge({ children, className = '' }: PropsWithChildren<{ readonly className?: string }>) {
return (
<span
className={`inline-flex place-items-center gap-1 rounded-full px-2 py-1 font-sans text-sm leading-none font-normal ${className}`}
className={`inline-flex place-items-center gap-1 rounded-full px-2 py-1 font-sans text-sm leading-none font-normal whitespace-nowrap ${className}`}
>
{children}
</span>
@@ -24,7 +24,7 @@ export async function Badges({ node }: { readonly node: any }) {
const isAny = isDeprecated || isProtected || isStatic || isAbstract || isReadonly || isOptional || isExternal;
return isAny ? (
<div className="mb-1 flex gap-3">
<div className="mb-1 flex flex-wrap gap-3">
{isDeprecated ? (
<Badge className="bg-red-500/20 text-red-500">
<AlertTriangle aria-hidden size={14} /> deprecated