diff --git a/frontend/src/components/simulator/BoardOnCanvas.tsx b/frontend/src/components/simulator/BoardOnCanvas.tsx index 3eeb120a..3364e664 100644 --- a/frontend/src/components/simulator/BoardOnCanvas.tsx +++ b/frontend/src/components/simulator/BoardOnCanvas.tsx @@ -229,6 +229,12 @@ export const BoardOnCanvas = ({ }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} + // Right-click opens the board inspector in EVERY mode. It used to live + // on the drag overlay only, which is hidden while running — so during a + // simulation there was no way to open the SD panel and grab the files + // the sketch just wrote. Bubbling from the board element lands here + // without covering the board (its buttons/screen stay interactive). + onContextMenu={onContextMenu} > {boardEl} @@ -285,7 +291,6 @@ export const BoardOnCanvas = ({ e.stopPropagation(); onMouseDown(e); }} - onContextMenu={onContextMenu} /> )} diff --git a/frontend/src/components/simulator/PartInspectorDialog.css b/frontend/src/components/simulator/PartInspectorDialog.css index b8d8cd0c..427f87e0 100644 --- a/frontend/src/components/simulator/PartInspectorDialog.css +++ b/frontend/src/components/simulator/PartInspectorDialog.css @@ -367,16 +367,16 @@ font-size: 11px; } -/* Buy in the action bar: same solid treatment as the other buttons, in the - brand's success green so it reads as the outward link, not an app action. */ +/* Buy in the action bar: solid brand blue (Velxio buttons are solid, and + the buy link is the primary action of the datasheet). */ .pid-buy-button { display: inline-flex; align-items: center; gap: 6px; - background: #2c2c2e; - border: 1px solid #4a4a4c; + background: #0071e3; + border: 1px solid #0071e3; border-radius: 6px; - color: #f5f5f7; + color: #fff; padding: 6px 14px; font-size: 12px; font-weight: 500; @@ -385,7 +385,8 @@ } .pid-buy-button:hover { - background: #3a3a3c; + background: #005a9e; + border-color: #005a9e; } /* ── Tabs ────────────────────────────────────────────────────────────── */ diff --git a/frontend/src/components/simulator/SdCardPanel.tsx b/frontend/src/components/simulator/SdCardPanel.tsx index 88f7b2bf..5e59a318 100644 --- a/frontend/src/components/simulator/SdCardPanel.tsx +++ b/frontend/src/components/simulator/SdCardPanel.tsx @@ -180,7 +180,7 @@ export const SdCardPanel: React.FC = ({ files, onChange, board title={`Download ${f.name}`} onClick={() => download(f)} > - Save + Download ))