fix: handle some mobile browsers x-axis overflow

hyochan · hyochan · commit 9110188e29fc · 2025-11-29T19:01:59.000+09:00
diff --git a/app/[lang]/(home)/Home.tsx b/app/[lang]/(home)/Home.tsx
@@ -25,7 +25,7 @@ function Home({t, statsInfo}: Props): ReactElement {
   initAmplitude();
 
   return (
-    <div className={clsx('flex-1 w-full', 'flex flex-col')}>
+    <div className={clsx('flex-1 w-full max-w-full', 'flex flex-col', 'overflow-x-hidden')}>
       <Hero t={t} statsInfo={statsInfo} />
       <SectionHowItWorks t={t} />
       <SectionFooter t={t} />
diff --git a/app/[lang]/layout.tsx b/app/[lang]/layout.tsx
@@ -37,7 +37,7 @@ export default async function LangLayout(props: Props): Promise<ReactElement> {
           className={clsx(
             'h-[calc(100vh-56px)]',
             'flex w-full min-w-0',
-            'overflow-y-auto',
+            'overflow-y-auto overflow-x-hidden',
           )}
         >
           {children}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -69,7 +69,7 @@ export const metadata: Metadata = {
 
 export default function RootLayout({children}: {children: ReactNode}) {
   return (
-    <html lang="en" className="dark h-full">
+    <html lang="en" className="dark h-full overflow-x-hidden">
       <head>
         <meta content="width=device-width, initial-scale=1" name="viewport" />
         <link rel="manifest" href="/manifest.json" />
@@ -80,7 +80,7 @@ export default function RootLayout({children}: {children: ReactNode}) {
           crossOrigin="anonymous"
         ></script>
       </head>
-      <body className="h-full">{children}</body>
+      <body className="h-full overflow-x-hidden">{children}</body>
     </html>
   );
 }

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ export default async function LangLayout(props: Props): Promise<ReactElement> {`
`37`	`37`	`className={clsx(`
`38`	`38`	`'h-[calc(100vh-56px)]',`
`39`	`39`	`'flex w-full min-w-0',`
`40`		`- 'overflow-y-auto',`
	`40`	`+ 'overflow-y-auto overflow-x-hidden',`
`41`	`41`	`)}`
`42`	`42`	`>`
`43`	`43`	`{children}`