fix(ui): SD download label, board inspector on right-click while running, solid-blue Buy

- The live card file action now says Download (it was Save).
- Right-click opens the board inspector in EVERY mode: the contextmenu
  handler moves from the drag overlay (hidden during simulation) to the
  board wrapper, so the SD panel is reachable while the sketch runs and
  the board's buttons stay interactive.
- Buy button in the inspector action bar goes solid brand blue #0071e3,
  matching Velxio's solid-button language.
This commit is contained in:
David Montero Crespo 2026-08-04 17:43:55 +02:00
parent baa5925f95
commit 2dcb3eb65f
3 changed files with 14 additions and 8 deletions

View File

@ -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}
/>
)}

View File

@ -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 ────────────────────────────────────────────────────────────── */

View File

@ -180,7 +180,7 @@ export const SdCardPanel: React.FC<SdCardPanelProps> = ({ files, onChange, board
title={`Download ${f.name}`}
onClick={() => download(f)}
>
Save
Download
</button>
</div>
))