feat: enhance board selector styles for improved usability and appearance

pull/10/head
David Montero Crespo 2026-03-04 19:32:19 -03:00
parent 0d4f137a19
commit 0a8b4fb912
2 changed files with 23 additions and 0 deletions

View File

@ -23,6 +23,7 @@ export const NanoRP2040 = ({
}, [ledBuiltIn]);
return (
// @ts-expect-error -- wokwi-nano-rp2040-connect is a custom element not in base JSX types
<wokwi-nano-rp2040-connect
id={id}
ref={ref}

View File

@ -4,6 +4,28 @@
position: relative;
}
/* Board Selector */
.board-selector {
padding: 6px 10px;
background: #1e2a38;
color: #e0e0e0;
border: 1px solid #3d5a73;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: border-color 0.2s;
}
.board-selector:hover:not(:disabled) {
border-color: #007acc;
}
.board-selector:disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* Add Component Button */
.add-component-btn {
padding: 8px 16px;