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

fix: aumentar legibilidade de textos no SVG de pontes e atualizar setas na legenda

Browse Source
This commit is contained in:
admtracksteel
2026-07-10 00:43:07 +00:00
parent f79d87a0c2
commit ff771b5ac8
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/components/WindFlowGrid2D.tsx
+8 -5
View File
@@ -165,7 +165,7 @@ export function WindFlowGrid2D({ type }: WindFlowGrid2DProps) {
<rect x="110" y="65" width="80" height="20" rx="2" fill="#475569" stroke="#64748b" strokeWidth="1.5" /> <rect x="110" y="65" width="80" height="20" rx="2" fill="#475569" stroke="#64748b" strokeWidth="1.5" />
{/* Força de sustentação positiva */} {/* Força de sustentação positiva */}
<path d="M 150,55 L 150,20" stroke="#10b981" strokeWidth="2.5" fill="none" markerEnd="url(#arrow-green)" /> <path d="M 150,55 L 150,20" stroke="#10b981" strokeWidth="2.5" fill="none" markerEnd="url(#arrow-green)" />
<text x="160" y="30" fill="#10b981" className="text-[9px] font-bold font-mono">+Fz (Lift)</text> <text x="160" y="30" fill="#10b981" fontSize="14" fontWeight="bold" fontFamily="monospace">+Fz (Lift)</text>
</svg> </svg>
</div> </div>
<p className="text-[10px] text-muted-foreground leading-snug">O vento atinge o tabuleiro de baixo para cima, defletindo o fluxo e gerando força de sustentação vertical positiva.</p> <p className="text-[10px] text-muted-foreground leading-snug">O vento atinge o tabuleiro de baixo para cima, defletindo o fluxo e gerando força de sustentação vertical positiva.</p>
@@ -187,7 +187,7 @@ export function WindFlowGrid2D({ type }: WindFlowGrid2DProps) {
<rect x="110" y="65" width="80" height="20" rx="2" fill="#475569" stroke="#64748b" strokeWidth="1.5" /> <rect x="110" y="65" width="80" height="20" rx="2" fill="#475569" stroke="#64748b" strokeWidth="1.5" />
{/* Força de sustentação negativa */} {/* Força de sustentação negativa */}
<path d="M 150,95 L 150,130" stroke="#ef4444" strokeWidth="2.5" fill="none" markerEnd="url(#arrow-red)" /> <path d="M 150,95 L 150,130" stroke="#ef4444" strokeWidth="2.5" fill="none" markerEnd="url(#arrow-red)" />
<text x="160" y="125" fill="#ef4444" className="text-[9px] font-bold font-mono">-Fz (Downforce)</text> <text x="160" y="125" fill="#ef4444" fontSize="14" fontWeight="bold" fontFamily="monospace">-Fz (Downforce)</text>
</svg> </svg>
</div> </div>
<p className="text-[10px] text-muted-foreground leading-snug">Vento de cima para baixo empurra o tabuleiro para baixo, aumentando a carga vertical sobre as vigas principais.</p> <p className="text-[10px] text-muted-foreground leading-snug">Vento de cima para baixo empurra o tabuleiro para baixo, aumentando a carga vertical sobre as vigas principais.</p>
@@ -733,9 +733,12 @@ export function WindFlowGrid2D({ type }: WindFlowGrid2DProps) {
</div> </div>
)} )}
{legendItems.lift && ( {legendItems.lift && (
<div className="flex items-center gap-2"> <div className="flex items-center gap-1.5">
<span className="w-4 h-2 bg-emerald-500 inline-block" /> <div className="flex gap-1 items-center font-bold text-base">
<span>Forças Resultantes (Lift/Downforce)</span> <span className="text-emerald-500">↑</span>
<span className="text-red-500">↓</span>
</div>
<span>Forças Verticais (Sustentação/Downforce)</span>
</div> </div>
)} )}
</div> </div>