jake/sofa
1
Fork 0
mirror of https://github.com/jakejarvis/sofa.git synced 2026-08-29 02:45:39 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix sticky header by moving overflow-x-hidden to body

Browse Source 
overflow-x-hidden on the pages wrapper div created a new scroll
context that prevented position: sticky from working on the header.
Moving it to <body> preserves the horizontal overflow clipping
without breaking sticky positioning.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jake
2026-03-03 16:29:58 -05:00
co-authored by Claude Opus 4.6
parent c9fc21e8db
commit 01f6fa5f0e
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(pages)/layout.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ export default async function PagesLayout({
return (
<>
<div className="min-h-screen overflow-x-hidden pb-14 sm:pb-0">
<div className="min-h-screen pb-14 sm:pb-0">
<NavBar />
{/* Ambient glow */}
<div className="pointer-events-none fixed left-1/2 top-1/4 -translate-x-1/2 -translate-y-1/2 h-[600px] w-[800px] rounded-full bg-primary/3 blur-[200px]" />
app/layout.tsx
+1 -1
View File
@@ -34,7 +34,7 @@ export default function RootLayout({
return (
<html lang="en">
<body
className={`${dmSans.variable} ${dmSerif.variable} ${geistMono.variable} font-sans antialiased`}
className={`${dmSans.variable} ${dmSerif.variable} ${geistMono.variable} overflow-x-hidden font-sans antialiased`}
>
<TooltipProvider>{children}</TooltipProvider>
<Toaster position="bottom-right" />