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 accountSelection dropdown

Browse Source
This commit is contained in:
sdtsui 2017-08-03 19:08:36 -07:00
parent 36d8c3dd39
commit 28fd016d12
1 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
ui/app/components/account-dropdowns.js
View File

@ -35,17 +35,23 @@ class AccountDropdowns extends Component {
onClick: () => { onClick: () => {
this.props.actions.showAccountDetail(identity.address) this.props.actions.showAccountDetail(identity.address)
}, },
style: {
fontSize: '24px',
}
}, },
[ [
h( h(
Identicon, Identicon,
{ {
address: identity.address, address: identity.address,
diameter: 16, diameter: 32,
style: {
marginLeft: '10px',
},
}, },
), ),
h('span', { style: { marginLeft: '10px' } }, identity.name || ''), h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, identity.name || ''),
h('span', { style: { marginLeft: '10px' } }, isSelected ? h('.check', '✓') : null), h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, isSelected ? h('.check', '✓') : null),
] ]
) )
}) })
@ -59,10 +65,12 @@ class AccountDropdowns extends Component {
Dropdown, Dropdown,
{ {
style: { style: {
marginLeft: '-125px', marginLeft: '-220px',
marginTop: '38px',
minWidth: '180px', minWidth: '180px',
overflowY: 'auto', overflowY: 'auto',
maxHeight: '300px', maxHeight: '300px',
width: '285px',
}, },
isOpen: accountSelectorActive, isOpen: accountSelectorActive,
onClickOutside: (event) => { onClickOutside: (event) => {
@ -85,10 +93,13 @@ class AccountDropdowns extends Component {
h( h(
Identicon, Identicon,
{ {
diameter: 16, style: {
marginLeft: '10px'
},
diameter: 32,
}, },
), ),
h('span', { style: { marginLeft: '10px' } }, 'Create Account'), h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, 'Create Account'),
], ],
), ),
h( h(
@ -101,10 +112,13 @@ class AccountDropdowns extends Component {
h( h(
Identicon, Identicon,
{ {
diameter: 16, style: {
marginLeft: '10px'
},
diameter: 32,
}, },
), ),
h('span', { style: { marginLeft: '10px' } }, 'Import Account'), h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, 'Import Account'),
] ]
), ),
] ]