diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-15 04:51:02 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-17 04:34:09 +0800 |
| commit | 888086010579566aca57e63daa5bacc9c6802830 (patch) | |
| tree | 8133af24698ea052e245223087f20c660a02adbf /packages/website/ts/components | |
| parent | 0c238448fda99c4d7997901d0fe4d72cb06b79cc (diff) | |
| download | dexon-0x-contracts-888086010579566aca57e63daa5bacc9c6802830.tar.gz dexon-0x-contracts-888086010579566aca57e63daa5bacc9c6802830.tar.zst dexon-0x-contracts-888086010579566aca57e63daa5bacc9c6802830.zip | |
Set max-width for LargeLayout
Diffstat (limited to 'packages/website/ts/components')
| -rw-r--r-- | packages/website/ts/components/portal/portal.tsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx index 48486939b..d51e40216 100644 --- a/packages/website/ts/components/portal/portal.tsx +++ b/packages/website/ts/components/portal/portal.tsx @@ -100,6 +100,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: { @@ -660,11 +661,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> @@ -676,7 +677,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> |