status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Header's Provider UI changes

This commit is contained in:
apanizo 2018-09-01 10:03:02 +02:00
parent 5184d2f3ff
commit f2c8c7c67e
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Header/component/Provider/index.jsx
View File

@ -33,12 +33,18 @@ const styles = () => ({
display: 'flex', display: 'flex',
cursor: 'pointer', cursor: 'pointer',
}, },
network: {
fontFamily: 'Montserrat, sans-serif',
},
account: { account: {
padding: `0 ${md} 0 ${sm}`, padding: `0 ${md} 0 ${sm}`,
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
justifyContent: 'center', justifyContent: 'center',
}, },
address: {
letterSpacing: '-0.5px',
},
expand: { expand: {
width: '30px', width: '30px',
height: '30px', height: '30px',
@ -70,8 +76,8 @@ class Provider extends React.Component<Props> {
<Col end="sm" middle="xs" className={classes.provider}> <Col end="sm" middle="xs" className={classes.provider}>
{ connected && <Identicon address={userAddress} diameter={25} /> } { connected && <Identicon address={userAddress} diameter={25} /> }
<Col end="sm" middle="xs" layout="column" className={classes.account}> <Col end="sm" middle="xs" layout="column" className={classes.account}>
<Paragraph size="sm" transform="capitalize" noMargin bold>{providerText}</Paragraph> <Paragraph size="sm" transform="capitalize" className={classes.network} noMargin bold>{providerText}</Paragraph>
<Paragraph size="sm" noMargin>{cutAddress}</Paragraph> <Paragraph size="sm" className={classes.address} noMargin>{cutAddress}</Paragraph>
</Col> </Col>
<IconButton <IconButton
onClick={toggle} onClick={toggle}