style: better styling for node inputs

lunarcast · Jul 14, 2020 · 696771e · 696771e
1 parent bc479e5
commit 696771e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/public/styles/components/node-input.scss b/public/styles/components/node-input.scss
@@ -21,12 +21,12 @@
   &:focus {
     filter: brightness(1.5);
   }
+}
 
-  &.number {
-    border-bottom-color: rgb(35, 78, 196);
-  }
+.node-input.node-input--number {
+  border-bottom-color: rgb(35, 78, 196);
+}
 
-  &.string {
-    border-bottom-color: rgb(97, 196, 35);
-  }
+.node-input.node-input--string {
+  border-bottom-color: rgb(97, 196, 35);
 }
diff --git a/public/styles/pages/editor/edit-node.scss b/public/styles/pages/editor/edit-node.scss
@@ -42,3 +42,9 @@
   margin-left: 1rem;
   color: darken($color: $on-primary, $amount: 20);
 }
+
+.edit-node__value {
+  margin-top: 1rem;
+  display: grid;
+  grid-template-columns: auto auto;
+}
diff --git a/src/Component/Editor/EditNode.purs b/src/Component/Editor/EditNode.purs
@@ -8,7 +8,6 @@ import Prelude
 import Data.Array as Array
 import Data.Maybe (Maybe)
 import Data.Symbol (SProxy(..))
-import Debug.Trace (spy)
 import Halogen (Slot, ComponentHTML)
 import Halogen.HTML as HH
 import Lunarbox.Component.Editor.HighlightedType (highlightTypeToHTML)
@@ -72,7 +71,7 @@ component { description, type', inputs, id, function, value, setValue } =
     ]
   where
   handleNewValues = case _ of
-    NodeUiManager.NewValue val -> setValue $ spy "OOOOO" val
+    NodeUiManager.NewValue val -> setValue val
 
   mkInput input =
     HH.details [ className "edit-node__input" ]