admtracksteel/BrainWind
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve text overlay inside GalpaoModule 3D viewer on mobile

Browse Source
This commit is contained in:
Marcos
2026-07-10 14:28:04 +00:00
parent fcc53e88ae
commit f8ebe62f74
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/pages/GalpaoModule.tsx
+16 -14
View File
@@ -92,21 +92,23 @@ const GalpaoModule: React.FC = () => {
{/* Coluna Direita: Viewer 3D */} {/* 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="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"> <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">
<Badge variant="secondary" className="bg-background/80 backdrop-blur-sm border-muted-foreground/20 text-foreground shadow-sm"> <div className="flex flex-wrap gap-2 pointer-events-auto">
Vento a {windAngle}° <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm border-muted-foreground/20 text-foreground shadow-sm">
</Badge> Vento a {windAngle}°
<Badge variant="outline" className="bg-background/80 backdrop-blur-sm"> </Badge>
Cpi = {cpi.toFixed(2)} <Badge variant="outline" className="bg-background/80 backdrop-blur-sm">
</Badge> Cpi = {cpi.toFixed(2)}
<Badge variant="outline" className="bg-background/80 backdrop-blur-sm"> </Badge>
q = {q.toFixed(3)} kN/m² <Badge variant="outline" className="bg-background/80 backdrop-blur-sm">
</Badge> q = {q.toFixed(3)} kN/m²
</div> </Badge>
</div>
<div className="absolute top-4 right-4 z-10 flex gap-2"> <div className="flex flex-wrap gap-2 pointer-events-auto justify-start sm:justify-end">
<ExportMenu /> <ExportMenu />
<EducationalManual type="warehouse" params={{ windAngle, cpi }} /> <EducationalManual type="warehouse" params={{ windAngle, cpi }} />
</div>
</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"> <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">