From 91df8e7167f944b006de16d0cb9ed4d170853167 Mon Sep 17 00:00:00 2001
From: Maciej Hirsz <1096222+maciejhirsz@users.noreply.github.com>
Date: Fri, 15 Mar 2019 16:31:21 +0100
Subject: [PATCH] More style tweaks (#125)
---
packages/frontend/src/assets/world-map.svg | 2 +-
packages/frontend/src/components/Chain/Chain.tsx | 4 ++--
packages/frontend/src/components/List/Row.css | 2 +-
packages/frontend/src/components/List/Row.tsx | 4 ++--
packages/frontend/src/components/Settings/Setting.css | 11 +++++------
packages/frontend/src/icons/cube-alt.svg | 1 +
packages/frontend/src/icons/cube.svg | 1 +
7 files changed, 13 insertions(+), 12 deletions(-)
create mode 100644 packages/frontend/src/icons/cube-alt.svg
create mode 100644 packages/frontend/src/icons/cube.svg
diff --git a/packages/frontend/src/assets/world-map.svg b/packages/frontend/src/assets/world-map.svg
index 78d3adb..821eb1f 100644
--- a/packages/frontend/src/assets/world-map.svg
+++ b/packages/frontend/src/assets/world-map.svg
@@ -1 +1 @@
-
+
diff --git a/packages/frontend/src/components/Chain/Chain.tsx b/packages/frontend/src/components/Chain/Chain.tsx
index af38968..881a15d 100644
--- a/packages/frontend/src/components/Chain/Chain.tsx
+++ b/packages/frontend/src/components/Chain/Chain.tsx
@@ -6,8 +6,8 @@ import { Tab } from './';
import { Tile, Ago, List, Map, Settings } from '../';
import { PersistentObject, PersistentSet } from '../../persist';
-import blockIcon from '../../icons/package.svg';
-import finalizedIcon from '../../icons/milestone.svg';
+import blockIcon from '../../icons/cube.svg';
+import finalizedIcon from '../../icons/cube-alt.svg';
import blockTimeIcon from '../../icons/history.svg';
import lastTimeIcon from '../../icons/watch.svg';
import listIcon from '../../icons/list-alt-regular.svg';
diff --git a/packages/frontend/src/components/List/Row.css b/packages/frontend/src/components/List/Row.css
index 2e50a27..dec95e6 100644
--- a/packages/frontend/src/components/List/Row.css
+++ b/packages/frontend/src/components/List/Row.css
@@ -1,5 +1,5 @@
.Row {
- color: #999;
+ color: #B5AEAE;
cursor: pointer;
}
diff --git a/packages/frontend/src/components/List/Row.tsx b/packages/frontend/src/components/List/Row.tsx
index eacacaf..de8b10c 100644
--- a/packages/frontend/src/components/List/Row.tsx
+++ b/packages/frontend/src/components/List/Row.tsx
@@ -14,8 +14,8 @@ import nodeTypeIcon from '../../icons/terminal.svg';
import networkIdIcon from '../../icons/fingerprint.svg';
import peersIcon from '../../icons/broadcast.svg';
import transactionsIcon from '../../icons/inbox.svg';
-import blockIcon from '../../icons/package.svg';
-import finalizedIcon from '../../icons/milestone.svg';
+import blockIcon from '../../icons/cube.svg';
+import finalizedIcon from '../../icons/cube-alt.svg';
import blockHashIcon from '../../icons/file-binary.svg';
import blockTimeIcon from '../../icons/history.svg';
import propagationTimeIcon from '../../icons/dashboard.svg';
diff --git a/packages/frontend/src/components/Settings/Setting.css b/packages/frontend/src/components/Settings/Setting.css
index 146ce06..88d2d93 100644
--- a/packages/frontend/src/components/Settings/Setting.css
+++ b/packages/frontend/src/components/Settings/Setting.css
@@ -1,5 +1,5 @@
.Setting {
- color: #666;
+ color: #635F5F;
padding: 0;
margin: 0 0 8px 0;
cursor: pointer;
@@ -30,15 +30,14 @@
}
.Setting-knob {
- width: 16px;
- height: 16px;
- border: 1px solid #fff;
- border-radius: 18px;
+ width: 18px;
+ height: 18px;
+ border-radius: 19px;
display: block;
position: absolute;
left: 0;
top: 0;
- background: #222;
+ background: #fff;
transition: left 0.15s ease-in-out;
}
diff --git a/packages/frontend/src/icons/cube-alt.svg b/packages/frontend/src/icons/cube-alt.svg
new file mode 100644
index 0000000..08d010c
--- /dev/null
+++ b/packages/frontend/src/icons/cube-alt.svg
@@ -0,0 +1 @@
+
diff --git a/packages/frontend/src/icons/cube.svg b/packages/frontend/src/icons/cube.svg
new file mode 100644
index 0000000..205201f
--- /dev/null
+++ b/packages/frontend/src/icons/cube.svg
@@ -0,0 +1 @@
+