Add selector styling

main
Klotske 2022-07-15 02:25:13 +00:00
parent d836164ea5
commit f5ddac1b57
5 changed files with 10 additions and 5 deletions

View File

@ -22,7 +22,7 @@ const LedNode = (props: LedNodeProps) => {
</div>
<div className="node-content">
<select className="nodrag">
<select className="node-content-select nodrag">
<option>Включить</option>
<option>Выключить</option>
</select>

View File

@ -19,8 +19,8 @@ const SensorNode = (props: SensorNodeProps) => {
<div className="node-header">
<span className="node-title">Сенсор</span>
</div>
<div className="node-layout">
<select className="nodrag">
<div className="node-content">
<select className="node-content-select nodrag">
<option>Температура</option>
<option>Освещенность</option>
</select>

View File

@ -20,7 +20,7 @@ const DelayNode = (props: DelayNodeProps) => {
<span className="node-title">Задержка</span>
</div>
<div className="node-content">
<select className="nodrag">
<select className="node-content-select nodrag">
<option>1 c</option>
<option>2 c</option>
</select>

View File

@ -29,7 +29,7 @@ const MathNode = (props: MathNodeProps) => {
</div>
<div className="node-content">
<select className="nodrag">
<select className="node-content-select nodrag">
<option>+</option>
<option>-</option>
<option>*</option>

View File

@ -87,6 +87,11 @@
mb-[4px];
}
.node-content-select {
@apply bg-gray-500 border border-gray-900 text-sm rounded-lg
text-white;
}
.node-component {
@apply relative flex flex-row h-fit rounded-md
bg-blueSecondary