aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components
diff options
context:
space:
mode:
authorChi Kei Chan <chikeichan@gmail.com>2017-10-13 06:46:09 +0800
committerChi Kei Chan <chikeichan@gmail.com>2017-10-13 06:46:18 +0800
commit57179d2b05a4efae06c2375e01e9a01a5519543b (patch)
treecc343761d9a1b550db5fcdd82c1c7992b7f49d32 /ui/app/components
parent7ec77e0b4580c52bbf1723ed52d647c9d7516bd5 (diff)
downloadtangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.tar.gz
tangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.tar.zst
tangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.zip
Various styling fixes
Diffstat (limited to 'ui/app/components')
-rw-r--r--ui/app/components/dropdowns/network-dropdown.js2
-rw-r--r--ui/app/components/network.js11
2 files changed, 10 insertions, 3 deletions
diff --git a/ui/app/components/dropdowns/network-dropdown.js b/ui/app/components/dropdowns/network-dropdown.js
index 4c578fbeb..567bf07a0 100644
--- a/ui/app/components/dropdowns/network-dropdown.js
+++ b/ui/app/components/dropdowns/network-dropdown.js
@@ -102,7 +102,7 @@ NetworkDropdown.prototype.render = function () {
key: 'main',
closeMenu: () => this.props.hideNetworkDropdown(),
onClick: () => props.setProviderType('mainnet'),
- style: dropdownMenuItemStyle,
+ style: { ...dropdownMenuItemStyle, borderColor: '#038789' },
},
[
providerType === 'mainnet' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'),
diff --git a/ui/app/components/network.js b/ui/app/components/network.js
index 8424a479a..b24505750 100644
--- a/ui/app/components/network.js
+++ b/ui/app/components/network.js
@@ -1,5 +1,6 @@
const Component = require('react').Component
const h = require('react-hyperscript')
+const classnames = require('classnames');
const inherits = require('util').inherits
const NetworkDropdownIcon = require('./dropdowns/components/network-dropdown-icon')
@@ -61,7 +62,13 @@ Network.prototype.render = function () {
}
return (
- h('.network-component.pointer', {
+ h('div.network-component.pointer', {
+ className: classnames('network-component pointer', {
+ 'ethereum-network': providerName === 'mainnet',
+ 'ropsten-test-network': providerName === 'ropsten' || parseInt(networkNumber) === 3,
+ 'kovan-test-network': providerName === 'kovan',
+ 'rinkeby-test-network': providerName === 'rinkeby',
+ }),
title: hoverText,
onClick: (event) => this.props.onClick(event),
}, [
@@ -71,7 +78,7 @@ Network.prototype.render = function () {
return h('.network-indicator', [
h(NetworkDropdownIcon, {
backgroundColor: '#038789', // $blue-lagoon
- nonSelectBackgroundColor: '#15afb2'
+ nonSelectBackgroundColor: '#15afb2',
}),
h('.network-name', {
style: {