fix(tabletop): render surface outline without depth test

This commit is contained in:
2026-08-10 12:24:46 +08:00
parent 812b4640e2
commit 3aa48058f7
@@ -23,7 +23,9 @@ export function SurfaceBounds({ surface }: { surface: Surface }) {
return ( return (
<group> <group>
{surface.size && <Line points={points} color="#22d3ee" lineWidth={1} />} {surface.size && (
<Line points={points} color="#22d3ee" lineWidth={1} depthTest={false} />
)}
<Html position={[0, 0.05, 0]} center style={{ pointerEvents: 'none' }}> <Html position={[0, 0.05, 0]} center style={{ pointerEvents: 'none' }}>
<div className="rounded bg-zinc-900/80 px-1.5 py-0.5 text-[10px] text-cyan-300"> <div className="rounded bg-zinc-900/80 px-1.5 py-0.5 text-[10px] text-cyan-300">
{surface.type}#{surface.id} {surface.type}#{surface.id}