From 67d55b814206d5178b7234760fe985d99798ab11 Mon Sep 17 00:00:00 2001
From: Marcos <m.reifonas@gmail.com>
Date: Fri, 10 Jul 2026 16:47:27 +0000
Subject: [PATCH] fix: sign3D text rotation parallel to wall + badge dark mode
 contrast

---
 app/src/components/three/Sign3D.tsx | 3 ++-
 app/src/pages/SignModule.tsx        | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/src/components/three/Sign3D.tsx b/app/src/components/three/Sign3D.tsx
index 6b449ce..b3936b5 100644
--- a/app/src/components/three/Sign3D.tsx
+++ b/app/src/components/three/Sign3D.tsx
@@ -184,7 +184,8 @@ function SignModel({
       {/* Texto Informativo Superior */}
       <Text
         position={[0, topY + 0.6, 0]}
-        fontSize={0.4}
+        rotation={[0, Math.PI / 2, 0]}
+        fontSize={Math.max(0.25, Math.min(0.4, length / 12))}
         color={isDark ? "#cbd5e1" : "#1a202c"}
         anchorX="center"
         anchorY="bottom"
diff --git a/app/src/pages/SignModule.tsx b/app/src/pages/SignModule.tsx
index 9f2a5d6..c4a7696 100644
--- a/app/src/pages/SignModule.tsx
+++ b/app/src/pages/SignModule.tsx
@@ -116,8 +116,8 @@ const SignModule: React.FC = () => {
       {/* Coluna Central: 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">F = {result.forceKN.toFixed(2)} kN</Badge>
-          <Badge variant="outline" className="bg-background/80 backdrop-blur-sm">Cf = {result.cf.toFixed(2)}</Badge>
+          <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm text-foreground border border-border/80 shadow-sm">F = {result.forceKN.toFixed(2)} kN</Badge>
+          <Badge variant="outline" className="bg-background/80 backdrop-blur-sm text-foreground border border-border/80 shadow-sm">Cf = {result.cf.toFixed(2)}</Badge>
         </div>
         <div className="absolute top-4 right-4 z-10">
           <EducationalManual type="sign" params={{ length, height, alpha, hasEndPlates }} />