Skip to content
Prev Previous commit
Next Next commit
fix(docs): replace :has() selectors with direct className for reliabl…
…e prod layout

The API docs layout was intermittently narrow in production because CSS
:has(.api-page-header) selectors are unreliable in Tailwind v4 production
builds. Apply className="openapi-page" directly to DocsPage and replace
all 64 :has() selectors with .openapi-page class targeting.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
  • Loading branch information
waleedlatif1 and claude committed Mar 9, 2026
commit 1c2727cb66651baae75aae3d2e13f0e9d20e1511
1 change: 1 addition & 0 deletions apps/docs/app/[lang]/[[...slug]]/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -235,6 +235,7 @@ export default async function Page(props: { params: Promise<{ slug?: string[]; l
/>
<DocsPage
toc={data.toc}
className='openapi-page'
breadcrumb={{
enabled: false,
}}
Expand Down
Loading