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:
parent
baa5925f95
commit
2dcb3eb65f
|
|
@ -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}
|
||||
/>
|
||||
)}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 ────────────────────────────────────────────────────────────── */
|
||||
|
|
|
|||
|
|
@ -180,7 +180,7 @@ export const SdCardPanel: React.FC<SdCardPanelProps> = ({ files, onChange, board
|
|||
title={`Download ${f.name}`}
|
||||
onClick={() => download(f)}
|
||||
>
|
||||
Save
|
||||
Download
|
||||
</button>
|
||||
</div>
|
||||
))
|
||||
|
|
|
|||
Loading…
Reference in New Issue