From f8ebe62f741a822effc05a4557c21ac9bb8eb756 Mon Sep 17 00:00:00 2001
From: Marcos <m.reifonas@gmail.com>
Date: Fri, 10 Jul 2026 14:28:04 +0000
Subject: [PATCH] fix: resolve text overlay inside GalpaoModule 3D viewer on
 mobile

---
 app/src/pages/GalpaoModule.tsx | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/app/src/pages/GalpaoModule.tsx b/app/src/pages/GalpaoModule.tsx
index 26055e5..9e8a012 100644
--- a/app/src/pages/GalpaoModule.tsx
+++ b/app/src/pages/GalpaoModule.tsx
@@ -92,21 +92,23 @@ const GalpaoModule: React.FC = () => {
 
       {/* Coluna Direita: Viewer 3D */}
       <div className="flex-1 flex flex-col min-h-[500px] lg:min-h-0 bg-background rounded-xl border border-border shadow-sm overflow-hidden relative">
-        <div className="absolute top-4 left-4 z-10 flex gap-2">
-          <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm border-muted-foreground/20 text-foreground shadow-sm">
-            Vento a {windAngle}°
-          </Badge>
-          <Badge variant="outline" className="bg-background/80 backdrop-blur-sm">
-            Cpi = {cpi.toFixed(2)}
-          </Badge>
-          <Badge variant="outline" className="bg-background/80 backdrop-blur-sm">
-            q = {q.toFixed(3)} kN/m²
-          </Badge>
-        </div>
+        <div className="absolute top-4 left-4 right-4 z-10 flex flex-col sm:flex-row sm:justify-between gap-3 pointer-events-none">
+          <div className="flex flex-wrap gap-2 pointer-events-auto">
+            <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm border-muted-foreground/20 text-foreground shadow-sm">
+              Vento a {windAngle}°
+            </Badge>
+            <Badge variant="outline" className="bg-background/80 backdrop-blur-sm">
+              Cpi = {cpi.toFixed(2)}
+            </Badge>
+            <Badge variant="outline" className="bg-background/80 backdrop-blur-sm">
+              q = {q.toFixed(3)} kN/m²
+            </Badge>
+          </div>
 
-        <div className="absolute top-4 right-4 z-10 flex gap-2">
-          <ExportMenu />
-          <EducationalManual type="warehouse" params={{ windAngle, cpi }} />
+          <div className="flex flex-wrap gap-2 pointer-events-auto justify-start sm:justify-end">
+            <ExportMenu />
+            <EducationalManual type="warehouse" params={{ windAngle, cpi }} />
+          </div>
         </div>
 
         <div className="absolute bottom-4 left-4 z-10 flex gap-3 p-3 bg-background/90 backdrop-blur-md border border-border rounded-lg shadow-sm">