alezmad/whyrating
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use overflow-x-clip on body to prevent horizontal overflow without breaking scroll

Browse Source 
- Remove overflow-x-hidden from html (caused vertical scroll issues via CSS spec quirk)
- Remove items-center/justify-center from body (TurboStarter auth defaults breaking full-width layout)
- Use overflow-x-clip on body instead — clips overflowing glow elements without creating a scroll container

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-02-23 00:28:09 +00:00
parent b92dfecac4
commit 35779e45d9
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/modules/common/layout/base.tsx
View File

@@ -31,10 +31,10 @@ interface BaseLayoutProps {
export const BaseLayout = ({ children, locale }: BaseLayoutProps) => { export const BaseLayout = ({ children, locale }: BaseLayoutProps) => {
return ( return (
<html lang={locale} suppressHydrationWarning className={cn(sans.variable, wordmark.variable, mono.variable, "overflow-x-hidden")}> <html lang={locale} suppressHydrationWarning className={cn(sans.variable, wordmark.variable, mono.variable)}>
<body <body
suppressHydrationWarning suppressHydrationWarning
className="bg-background text-foreground flex min-h-screen w-full flex-col items-center justify-center overflow-x-hidden font-sans antialiased" className="bg-background text-foreground flex min-h-screen w-full flex-col overflow-x-clip font-sans antialiased"
data-theme={appConfig.theme.color} data-theme={appConfig.theme.color}
> >
{children} {children}