From f5ddac1b57f0258226509c289004bea0f36bc662 Mon Sep 17 00:00:00 2001
From: Klotske <ilya@mokhov.vg>
Date: Fri, 15 Jul 2022 02:25:13 +0000
Subject: [PATCH] Add selector styling

---
 components/FlowEditor/nodes/IO/LedNode.tsx      | 2 +-
 components/FlowEditor/nodes/IO/SensorNode.tsx   | 4 ++--
 components/FlowEditor/nodes/Logic/DelayNode.tsx | 2 +-
 components/FlowEditor/nodes/Logic/MathNode.tsx  | 2 +-
 styles/globals.css                              | 5 +++++
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/components/FlowEditor/nodes/IO/LedNode.tsx b/components/FlowEditor/nodes/IO/LedNode.tsx
index 771b070..5ebd134 100644
--- a/components/FlowEditor/nodes/IO/LedNode.tsx
+++ b/components/FlowEditor/nodes/IO/LedNode.tsx
@@ -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>
diff --git a/components/FlowEditor/nodes/IO/SensorNode.tsx b/components/FlowEditor/nodes/IO/SensorNode.tsx
index 68b0892..37fb099 100644
--- a/components/FlowEditor/nodes/IO/SensorNode.tsx
+++ b/components/FlowEditor/nodes/IO/SensorNode.tsx
@@ -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>
diff --git a/components/FlowEditor/nodes/Logic/DelayNode.tsx b/components/FlowEditor/nodes/Logic/DelayNode.tsx
index 4920dfc..351caa6 100644
--- a/components/FlowEditor/nodes/Logic/DelayNode.tsx
+++ b/components/FlowEditor/nodes/Logic/DelayNode.tsx
@@ -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>
diff --git a/components/FlowEditor/nodes/Logic/MathNode.tsx b/components/FlowEditor/nodes/Logic/MathNode.tsx
index 6d5f42b..097d7d0 100644
--- a/components/FlowEditor/nodes/Logic/MathNode.tsx
+++ b/components/FlowEditor/nodes/Logic/MathNode.tsx
@@ -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>
diff --git a/styles/globals.css b/styles/globals.css
index 25a8736..ba91000 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -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