diff --git a/packages/frontend/src/components/Chain/Chain.css b/packages/frontend/src/components/Chain/Chain.css index 7196095..6fdbe82 100644 --- a/packages/frontend/src/components/Chain/Chain.css +++ b/packages/frontend/src/components/Chain/Chain.css @@ -11,9 +11,9 @@ .Chain-tabs { position: absolute; - right: 10px; + right: 9px; bottom: 0; - height: 40px; + height: 36px; width: 200px; text-align: right; } @@ -23,17 +23,16 @@ } .Chain-tab-unit .Icon { - margin-right: 10px; - font-size: 26px; + margin-right: 1px; + font-size: 24px; padding: 6px; - background: #222; - color: #aaa; + background: #ccc; + color: #555; cursor: pointer; - border-top: 2px solid #5e5e5e; - border-radius: 4px 4px 0 0; } .Chain-tab-unit-on .Icon { + background: #222; color: #fff; } diff --git a/packages/frontend/src/components/Chain/Chain.tsx b/packages/frontend/src/components/Chain/Chain.tsx index bb1bcd1..7a4c92e 100644 --- a/packages/frontend/src/components/Chain/Chain.tsx +++ b/packages/frontend/src/components/Chain/Chain.tsx @@ -9,8 +9,8 @@ import { Persistent } from '../../Persistent'; import blockIcon from '../../icons/package.svg'; import blockTimeIcon from '../../icons/history.svg'; import lastTimeIcon from '../../icons/watch.svg'; -import listIcon from '../../icons/list-unordered.svg'; -import worldIcon from '../../icons/globe.svg'; +import listIcon from '../../icons/list-alt-regular.svg'; +import worldIcon from '../../icons/map-pin-solid.svg'; import settingsIcon from '../../icons/settings.svg'; const MAP_RATIO = 800 / 350; diff --git a/packages/frontend/src/icons/ellipsis-v-solid.svg b/packages/frontend/src/icons/ellipsis-v-solid.svg new file mode 100644 index 0000000..10cbd55 --- /dev/null +++ b/packages/frontend/src/icons/ellipsis-v-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/frontend/src/icons/globe-solid.svg b/packages/frontend/src/icons/globe-solid.svg new file mode 100644 index 0000000..d63f003 --- /dev/null +++ b/packages/frontend/src/icons/globe-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/frontend/src/icons/list-alt-regular.svg b/packages/frontend/src/icons/list-alt-regular.svg new file mode 100644 index 0000000..87b9178 --- /dev/null +++ b/packages/frontend/src/icons/list-alt-regular.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/frontend/src/icons/map-marked-alt-solid.svg b/packages/frontend/src/icons/map-marked-alt-solid.svg new file mode 100644 index 0000000..62a7fd6 --- /dev/null +++ b/packages/frontend/src/icons/map-marked-alt-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/frontend/src/icons/map-marker-alt-solid.svg b/packages/frontend/src/icons/map-marker-alt-solid.svg new file mode 100644 index 0000000..b45b113 --- /dev/null +++ b/packages/frontend/src/icons/map-marker-alt-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/frontend/src/icons/map-pin-solid.svg b/packages/frontend/src/icons/map-pin-solid.svg new file mode 100644 index 0000000..1cef484 --- /dev/null +++ b/packages/frontend/src/icons/map-pin-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file