#16 Icon addition from theme to node

MetaCell · Jul 30, 2022 · 9545f85 · 9545f85
1 parent 7f18fb3
commit 9545f85
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/src/components/assets/svg/MI.png b/src/components/assets/svg/MI.png
diff --git a/src/components/assets/svg/node/green.svg b/src/components/assets/svg/node/green.svg
diff --git a/src/theme.ts b/src/theme.ts
@@ -1,5 +1,5 @@
 import vars from './components/assets/styles/variables';
-import MI from './components/assets/svg/mechanism-yellow.svg';
+import nodeGreen from './components/assets/svg/node/green.svg';
 
 type ThemeVars = {
   [key: string]: any;
@@ -88,20 +88,17 @@ const applicationTheme = (params: ThemeVars) => {
             flex-direction: column;
           }
 
-          .primary-node img {
-            margin-bottom: 0.25rem
+          .primary-node .icon {
+            width: 20px;
+            height: 20px;
+            margin: 0 auto 0.25rem;
+            background: url(data:image/svg+xml;base64,${new Buffer(nodeGreen).toString('base64')});
           }
 
           .primary-node .primary-node_header p {
             color: ${nodeGreenTextColor};
           }
 
-          .primary-node .primary-node_header img {
-            background: "url(data:image/svg+xml;base64,${new Buffer(
-              MI
-            ).toString('base64')})";
-          }
-
           .primary-node p {
             font-weight: 500;
             color: ${nodeTextColor};