Add selector styling
parent
d836164ea5
commit
f5ddac1b57
|
|
@ -22,7 +22,7 @@ const LedNode = (props: LedNodeProps) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="node-content">
|
<div className="node-content">
|
||||||
<select className="nodrag">
|
<select className="node-content-select nodrag">
|
||||||
<option>Включить</option>
|
<option>Включить</option>
|
||||||
<option>Выключить</option>
|
<option>Выключить</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
|
||||||
|
|
@ -19,8 +19,8 @@ const SensorNode = (props: SensorNodeProps) => {
|
||||||
<div className="node-header">
|
<div className="node-header">
|
||||||
<span className="node-title">Сенсор</span>
|
<span className="node-title">Сенсор</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="node-layout">
|
<div className="node-content">
|
||||||
<select className="nodrag">
|
<select className="node-content-select nodrag">
|
||||||
<option>Температура</option>
|
<option>Температура</option>
|
||||||
<option>Освещенность</option>
|
<option>Освещенность</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@ const DelayNode = (props: DelayNodeProps) => {
|
||||||
<span className="node-title">Задержка</span>
|
<span className="node-title">Задержка</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="node-content">
|
<div className="node-content">
|
||||||
<select className="nodrag">
|
<select className="node-content-select nodrag">
|
||||||
<option>1 c</option>
|
<option>1 c</option>
|
||||||
<option>2 c</option>
|
<option>2 c</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@ const MathNode = (props: MathNodeProps) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="node-content">
|
<div className="node-content">
|
||||||
<select className="nodrag">
|
<select className="node-content-select nodrag">
|
||||||
<option>+</option>
|
<option>+</option>
|
||||||
<option>-</option>
|
<option>-</option>
|
||||||
<option>*</option>
|
<option>*</option>
|
||||||
|
|
|
||||||
|
|
@ -87,6 +87,11 @@
|
||||||
mb-[4px];
|
mb-[4px];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.node-content-select {
|
||||||
|
@apply bg-gray-500 border border-gray-900 text-sm rounded-lg
|
||||||
|
text-white;
|
||||||
|
}
|
||||||
|
|
||||||
.node-component {
|
.node-component {
|
||||||
@apply relative flex flex-row h-fit rounded-md
|
@apply relative flex flex-row h-fit rounded-md
|
||||||
bg-blueSecondary
|
bg-blueSecondary
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue