m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Increase size of network dropdown

Browse Source
This commit is contained in:
sdtsui 2017-08-03 18:50:29 -07:00
parent 10d3a519c8
commit 086441e41c
4 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/app/app.js
View File

@ -251,6 +251,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'main',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setProviderType('mainnet')),
style: {
fontSize: '18px'
},
},
[
h('.menu-icon.diamond'),
@ -265,6 +268,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'ropsten',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setProviderType('ropsten')),
style: {
fontSize: '18px'
},
},
[
h('.menu-icon.red-dot'),
@ -279,6 +285,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'kovan',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setProviderType('kovan')),
style: {
fontSize: '18px'
},
},
[
h('.menu-icon.hollow-diamond'),
@ -293,6 +302,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'rinkeby',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setProviderType('rinkeby')),
style: {
fontSize: '18px'
},
},
[
h('.menu-icon.golden-square'),
@ -307,6 +319,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'default',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setDefaultRpcTarget()),
style: {
fontSize: '18px'
},
},
[
h('i.fa.fa-question-circle.fa-lg.menu-icon'),
@ -323,6 +338,9 @@ App.prototype.renderNetworkDropdown = function () {
{
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => this.props.dispatch(actions.showConfigPage()),
style: {
fontSize: '18px'
},
},
[
h('i.fa.fa-question-circle.fa-lg.menu-icon'),

3
ui/app/components/dropdown.js
View File

@ -54,7 +54,7 @@ Dropdown.propTypes = {
class DropdownMenuItem extends Component {
render () {
const { onClick, closeMenu, children } = this.props
const { onClick, closeMenu, children, style } = this.props
return h(
'li.dropdown-menu-item',
@ -73,6 +73,7 @@ class DropdownMenuItem extends Component {
display: 'flex',
justifyContent: 'flex-start',
alignItems: 'center',
...style,
},
},
children

2
ui/app/css/index.css
View File

@ -201,7 +201,7 @@ textarea.twelve-word-phrase {
}
.check {
margin-left: 7px;
margin-left: 12px;
color: #F7861C;
flex: 1 0 auto;
display: flex;

9
ui/app/css/lib.css
View File

@ -238,10 +238,15 @@ hr.horizontal-line {
.menu-icon {
display: inline-block;
height: 9px;
min-width: 9px;
height: 12px;
min-width: 12px;
margin: 13px;
}
i.fa.fa-question-circle.fa-lg.menu-icon {
font-size: 18px;
}
.ether-icon {
background: rgb(0, 163, 68);
border-radius: 20px;