feat(controls): add icons #8

2019-10-08 13:52:38 +02:00
parent a8ddc5504c
commit 1a797f7887
8 changed files with 63 additions and 16 deletions
@@ -151,17 +151,27 @@
  }
 }

-.react-flow__controls-button {
-  background: #f8f8f8;
-  border: 1px solid #eee;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
+.react-flow__controls {
+  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);

-.react-flow__controls-button:hover {
-  background: #eee;
-}
+  &-button {
+    background: #fefefe;
+    border-bottom: 1px solid #eee;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    user-select: none;
+    padding: 5px;
+
+    img {
+      width: 100%;
+    }
+
+    &:hover {
+      background: #f4f4f4;
+    }
+  }
+}