Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
This commit is contained in:
gpt-engineer-app[bot]
2026-05-19 21:11:22 +00:00
parent baf77fea0f
commit 2042e5c01d
+18 -7
View File
@@ -300,13 +300,24 @@ function XRMeasurementOverlay() {
<mesh position={a}><sphereGeometry args={[0.003, 16, 16]} /><meshBasicMaterial color="#22c55e" /></mesh> <mesh position={a}><sphereGeometry args={[0.003, 16, 16]} /><meshBasicMaterial color="#22c55e" /></mesh>
<mesh position={b}><sphereGeometry args={[0.003, 16, 16]} /><meshBasicMaterial color="#22c55e" /></mesh> <mesh position={b}><sphereGeometry args={[0.003, 16, 16]} /><meshBasicMaterial color="#22c55e" /></mesh>
<Line points={[a, b]} color="#22c55e" lineWidth={2} /> <Line points={[a, b]} color="#22c55e" lineWidth={2} />
<Html position={mid} center distanceFactor={1} style={{ pointerEvents: 'none' }}> <group position={mid}>
<div className="rounded bg-card/95 border border-primary/50 px-2 py-0.5 shadow-lg backdrop-blur-sm"> {/* Background plate */}
<span className="font-mono text-[11px] font-bold text-primary whitespace-nowrap"> <mesh position={[0, 0, 0]} renderOrder={998}>
{m.distanceMM.toFixed(1)} mm <planeGeometry args={[0.09, 0.024]} />
</span> <meshBasicMaterial color="#0b1220" transparent opacity={0.85} depthTest={false} />
</div> </mesh>
</Html> <Text
position={[0, 0, 0.001]}
fontSize={0.012}
color="#3b82f6"
anchorX="center"
anchorY="middle"
renderOrder={999}
material-depthTest={false}
>
{`${m.distanceMM.toFixed(1)} mm`}
</Text>
</group>
</group> </group>
); );
})} })}