diff options
author | Fabio Berger <me@fabioberger.com> | 2018-01-29 17:55:53 +0800 |
---|---|---|
committer | Fabio Berger <me@fabioberger.com> | 2018-01-29 17:55:53 +0800 |
commit | 45fdfc2d3d2bcfcb37d16f29df2e30524e6d7717 (patch) | |
tree | e4d5c464aa22c0c255eb3e07c2233b467bd4d320 /packages/website/ts/components/top_bar/provider_display.tsx | |
parent | d18554e0e88de06fd2196d00cf1469eca1358eaf (diff) | |
download | dexon-sol-tools-45fdfc2d3d2bcfcb37d16f29df2e30524e6d7717.tar dexon-sol-tools-45fdfc2d3d2bcfcb37d16f29df2e30524e6d7717.tar.gz dexon-sol-tools-45fdfc2d3d2bcfcb37d16f29df2e30524e6d7717.tar.bz2 dexon-sol-tools-45fdfc2d3d2bcfcb37d16f29df2e30524e6d7717.tar.lz dexon-sol-tools-45fdfc2d3d2bcfcb37d16f29df2e30524e6d7717.tar.xz dexon-sol-tools-45fdfc2d3d2bcfcb37d16f29df2e30524e6d7717.tar.zst dexon-sol-tools-45fdfc2d3d2bcfcb37d16f29df2e30524e6d7717.zip |
Use colors module and remove in-lined colors
Diffstat (limited to 'packages/website/ts/components/top_bar/provider_display.tsx')
-rw-r--r-- | packages/website/ts/components/top_bar/provider_display.tsx | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/packages/website/ts/components/top_bar/provider_display.tsx b/packages/website/ts/components/top_bar/provider_display.tsx index c7b6a4743..e132f9cee 100644 --- a/packages/website/ts/components/top_bar/provider_display.tsx +++ b/packages/website/ts/components/top_bar/provider_display.tsx @@ -49,11 +49,14 @@ export class ProviderDisplay extends React.Component<ProviderDisplayProps, Provi <Identicon address={this.props.userAddress} diameter={IDENTICON_DIAMETER} /> </div> <div style={{ marginLeft: 12, paddingTop: 1 }}> - <div style={{ fontSize: 12, color: '#FF7F00' }}>{providerTitle}</div> + <div style={{ fontSize: 12, color: colors.amber800 }}>{providerTitle}</div> <div style={{ fontSize: 14 }}>{displayAddress}</div> </div> - <div style={{ borderLeft: '1px solid #E0E0E0', marginLeft: 17, paddingTop: 1 }} className="px2"> - <i style={{ fontSize: 30, color: '#E0E0E0' }} className="zmdi zmdi zmdi-chevron-down" /> + <div + style={{ borderLeft: `1px solid ${colors.grey300}`, marginLeft: 17, paddingTop: 1 }} + className="px2" + > + <i style={{ fontSize: 30, color: colors.grey300 }} className="zmdi zmdi zmdi-chevron-down" /> </div> </div> ); |