Add headers to wallet and relayer index

This commit is contained in:
Brandon Millman
2018-04-23 22:17:26 -07:00
parent 14b29172b1
commit 939e2c70c4
2 changed files with 12 additions and 2 deletions

View File

@@ -68,6 +68,10 @@ const styles: Styles = {
WebkitOverflowScrolling: 'touch', WebkitOverflowScrolling: 'touch',
overflow: 'auto', overflow: 'auto',
}, },
title: {
fontWeight: 'bold',
fontSize: 20,
},
}; };
export class Portal extends React.Component<PortalProps, PortalState> { export class Portal extends React.Component<PortalProps, PortalState> {
@@ -154,7 +158,10 @@ export class Portal extends React.Component<PortalProps, PortalState> {
/> />
<div id="portal" style={styles.body}> <div id="portal" style={styles.body}>
<div className="sm-flex flex-center"> <div className="sm-flex flex-center">
<div className="flex-last p3"> <div className="flex-last px3">
<div className="py3" style={styles.title}>
Your Account
</div>
<Wallet <Wallet
userAddress={this.props.userAddress} userAddress={this.props.userAddress}
networkId={this.props.networkId} networkId={this.props.networkId}
@@ -172,6 +179,9 @@ export class Portal extends React.Component<PortalProps, PortalState> {
/> />
</div> </div>
<div className="flex-auto px3" style={styles.scrollContainer}> <div className="flex-auto px3" style={styles.scrollContainer}>
<div className="py3" style={styles.title}>
Explore 0x Ecosystem
</div>
<RelayerIndex networkId={this.props.networkId} /> <RelayerIndex networkId={this.props.networkId} />
</div> </div>
</div> </div>

View File

@@ -57,7 +57,7 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde
const readyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.relayerInfos); const readyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.relayerInfos);
if (readyToRender) { if (readyToRender) {
return ( return (
<div className="py3" style={styles.root}> <div style={styles.root}>
<GridList <GridList
cellHeight={CELL_HEIGHT} cellHeight={CELL_HEIGHT}
cols={NUMBER_OF_COLUMNS} cols={NUMBER_OF_COLUMNS}