fix(canvas): las placas pintan por encima de los componentes

Estaban a zIndex 0 con los componentes a 1: cualquier solape las escondia. El
caso que lo decide es el apilado — una XIAO posada en el zocalo del Round
Display debe ser lo que se ve, como la placa recien soltada queda arriba del
monton. Los montajes lado a lado no solapan, asi que nada mas cambia.
This commit is contained in:
David Montero Crespo 2026-07-27 18:03:43 +02:00
parent 24d25966a8
commit 1e6b7efddc
1 changed files with 6 additions and 1 deletions

View File

@ -184,7 +184,12 @@ export const BoardOnCanvas = ({
// sibling of PinOverlay) made moving onto a pin fire mouseleave, which
// cleared the hover and hid the pins before you could click one.
<div
style={{ position: 'absolute', left: 0, top: 0, zIndex: 0 }}
// Boards paint ABOVE components (which sit at zIndex 1, 2 selected).
// The case that decides it is stacking: a XIAO seated on the Round
// Display's socket must be the thing you see, the way the board you
// just dropped is the thing on top of the pile. Side-by-side layouts
// never overlap, so nothing else changes.
style={{ position: 'absolute', left: 0, top: 0, zIndex: 3 }}
onMouseEnter={onMouseEnter}
onMouseLeave={onMouseLeave}
>