From b82358a934d8395d17948f601e4859136da1f5d9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?= <35082514+alezmad@users.noreply.github.com> Date: Sun, 1 Mar 2026 18:47:10 +0000 Subject: [PATCH] fix: eliminate mobile horizontal overflow and right-side blank space Use overflow-x: hidden + max-width: 100% on html/body to prevent mobile viewport expansion. Cap decorative glow blobs with max-w instead of fixed widths, and hide decorative dots on mobile. Co-Authored-By: Claude Opus 4.6 --- apps/web/src/modules/common/layout/base.tsx | 2 +- apps/web/src/modules/marketing/home/report-fan.tsx | 8 ++++---- apps/web/src/modules/marketing/home/report-preview.tsx | 4 ++-- packages/ui/web/src/styles/globals.css | 6 ++++++ 4 files changed, 13 insertions(+), 7 deletions(-) diff --git a/apps/web/src/modules/common/layout/base.tsx b/apps/web/src/modules/common/layout/base.tsx index 08ba8da..5aece5d 100644 --- a/apps/web/src/modules/common/layout/base.tsx +++ b/apps/web/src/modules/common/layout/base.tsx @@ -34,7 +34,7 @@ export const BaseLayout = ({ children, locale }: BaseLayoutProps) => { {children} diff --git a/apps/web/src/modules/marketing/home/report-fan.tsx b/apps/web/src/modules/marketing/home/report-fan.tsx index c88781f..49da199 100644 --- a/apps/web/src/modules/marketing/home/report-fan.tsx +++ b/apps/web/src/modules/marketing/home/report-fan.tsx @@ -5,8 +5,8 @@ export const ReportFan = () => {
{/* Ambient glow behind the fan */}
-
-
+
+
{/* Fan container with perspective */} @@ -15,13 +15,13 @@ export const ReportFan = () => { style={{ perspective: "1200px" }} > {/* Floating grid dots decoration */} -
-
{
{/* Ambient glow */}
-
-
+
+
{/* Card */} diff --git a/packages/ui/web/src/styles/globals.css b/packages/ui/web/src/styles/globals.css index 062131c..266c9f8 100644 --- a/packages/ui/web/src/styles/globals.css +++ b/packages/ui/web/src/styles/globals.css @@ -89,6 +89,12 @@ @apply border-border outline-ring/50; } + html, + body { + overflow-x: hidden; + max-width: 100%; + } + html { overscroll-behavior: none; scroll-behavior: auto;