fix(web): Side scrolling (#1765)

luxonauta · web-flow · commit 51714947b9c0 · 2024-11-08T13:46:02.000-03:00
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
@@ -88,7 +88,7 @@ const RootLayout = ({ children }: { children: React.ReactNode }) => {
       className={`${inter.variable} ${commitMono.variable} antialiased`}
       lang="en"
     >
-      <body className="bg-black font-sans text-sm text-slate-11 h-screen-ios selection:bg-cyan-5 selection:text-cyan-12">
+      <body className="overflow-x-hidden bg-black font-sans text-sm text-slate-11 h-screen-ios selection:bg-cyan-5 selection:text-cyan-12">
         <div
           className="relative mx-auto flex min-h-[100dvh] flex-col justify-between px-2 md:max-w-7xl md:px-4"
           // eslint-disable-next-line react/no-unknown-property

Original file line number	Diff line number	Diff line change
`@@ -88,7 +88,7 @@ const RootLayout = ({ children }: { children: React.ReactNode }) => {`
`88`	`88`	className={`${inter.variable} ${commitMono.variable} antialiased`}
`89`	`89`	`lang="en"`
`90`	`90`	`>`
`91`		`- <body className="bg-black font-sans text-sm text-slate-11 h-screen-ios selection:bg-cyan-5 selection:text-cyan-12">`
	`91`	`+ <body className="overflow-x-hidden bg-black font-sans text-sm text-slate-11 h-screen-ios selection:bg-cyan-5 selection:text-cyan-12">`
`92`	`92`	`<div`
`93`	`93`	`className="relative mx-auto flex min-h-[100dvh] flex-col justify-between px-2 md:max-w-7xl md:px-4"`
`94`	`94`	`// eslint-disable-next-line react/no-unknown-property`