feat: enhance board selector styles for improved usability and appearance
This commit is contained in:
parent
0d4f137a19
commit
0a8b4fb912
|
|
@ -23,6 +23,7 @@ export const NanoRP2040 = ({
|
||||||
}, [ledBuiltIn]);
|
}, [ledBuiltIn]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
// @ts-expect-error -- wokwi-nano-rp2040-connect is a custom element not in base JSX types
|
||||||
<wokwi-nano-rp2040-connect
|
<wokwi-nano-rp2040-connect
|
||||||
id={id}
|
id={id}
|
||||||
ref={ref}
|
ref={ref}
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,28 @@
|
||||||
position: relative;
|
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 Button */
|
||||||
.add-component-btn {
|
.add-component-btn {
|
||||||
padding: 8px 16px;
|
padding: 8px 16px;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue