diff options
author | Brandon Millman <brandon@0xproject.com> | 2018-06-19 03:11:59 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-06-19 03:11:59 +0800 |
commit | 3f02631b98368503718a1c1977e7f83220c284a2 (patch) | |
tree | 25079232ba59f09dfaf52ef7940edc40b156337f /packages/website/ts/components/portal/portal.tsx | |
parent | a3ca3ed33fcf51fbcc236d5b8238648873085630 (diff) | |
parent | da46eefe2eea9507ae12ed678b15047f1c74366f (diff) | |
download | dexon-sol-tools-3f02631b98368503718a1c1977e7f83220c284a2.tar dexon-sol-tools-3f02631b98368503718a1c1977e7f83220c284a2.tar.gz dexon-sol-tools-3f02631b98368503718a1c1977e7f83220c284a2.tar.bz2 dexon-sol-tools-3f02631b98368503718a1c1977e7f83220c284a2.tar.lz dexon-sol-tools-3f02631b98368503718a1c1977e7f83220c284a2.tar.xz dexon-sol-tools-3f02631b98368503718a1c1977e7f83220c284a2.tar.zst dexon-sol-tools-3f02631b98368503718a1c1977e7f83220c284a2.zip |
Merge pull request #712 from 0xProject/feature/website/portal-facelift
Change relayer grid tile to use logos and primary colors
Diffstat (limited to 'packages/website/ts/components/portal/portal.tsx')
-rw-r--r-- | packages/website/ts/components/portal/portal.tsx | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx index d1d499314..28a303793 100644 --- a/packages/website/ts/components/portal/portal.tsx +++ b/packages/website/ts/components/portal/portal.tsx @@ -102,6 +102,7 @@ const THROTTLE_TIMEOUT = 100; const TOP_BAR_HEIGHT = TopBar.heightForDisplayType(TopBarDisplayType.Expanded); const LEFT_COLUMN_WIDTH = 346; const MENU_PADDING_LEFT = 185; +const LARGE_LAYOUT_MAX_WIDTH = 1200; const styles: Styles = { root: { @@ -256,6 +257,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { translate={this.props.translate} displayType={TopBarDisplayType.Expanded} style={{ backgroundColor: colors.lightestGrey }} + maxWidth={LARGE_LAYOUT_MAX_WIDTH} /> <div id="portal" style={styles.body}> <Switch> @@ -680,11 +682,11 @@ interface LargeLayoutProps { } const LargeLayout = (props: LargeLayoutProps) => { return ( - <div className="sm-flex flex-center"> - <div className="flex-last px3"> + <div className="mx-auto flex flex-center" style={{ maxWidth: LARGE_LAYOUT_MAX_WIDTH }}> + <div className="flex-last px2"> <div style={styles.leftColumn}>{props.left}</div> </div> - <div className="flex-auto px3" style={styles.scrollContainer}> + <div className="flex-auto px2" style={styles.scrollContainer}> {props.right} </div> </div> @@ -696,7 +698,7 @@ interface SmallLayoutProps { } const SmallLayout = (props: SmallLayoutProps) => { return ( - <div className="sm-flex flex-center"> + <div className="flex flex-center"> <div className="flex-auto px3" style={styles.scrollContainer}> {props.content} </div> |