diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-15 05:12:05 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-17 04:34:09 +0800 |
| commit | 55cbcd728d9b0611e604a389443f94de58726d92 (patch) | |
| tree | f1cce846020e107e3907c451d0d0f9660442cd4e /packages/website/ts/components | |
| parent | 888086010579566aca57e63daa5bacc9c6802830 (diff) | |
| download | dexon-sol-tools-55cbcd728d9b0611e604a389443f94de58726d92.tar dexon-sol-tools-55cbcd728d9b0611e604a389443f94de58726d92.tar.gz dexon-sol-tools-55cbcd728d9b0611e604a389443f94de58726d92.tar.bz2 dexon-sol-tools-55cbcd728d9b0611e604a389443f94de58726d92.tar.lz dexon-sol-tools-55cbcd728d9b0611e604a389443f94de58726d92.tar.xz dexon-sol-tools-55cbcd728d9b0611e604a389443f94de58726d92.tar.zst dexon-sol-tools-55cbcd728d9b0611e604a389443f94de58726d92.zip | |
Add max width to top bar
Diffstat (limited to 'packages/website/ts/components')
| -rw-r--r-- | packages/website/ts/components/portal/portal.tsx | 1 | ||||
| -rw-r--r-- | packages/website/ts/components/top_bar/top_bar.tsx | 3 |
2 files changed, 3 insertions, 1 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx index d51e40216..ee8c90c2f 100644 --- a/packages/website/ts/components/portal/portal.tsx +++ b/packages/website/ts/components/portal/portal.tsx @@ -255,6 +255,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> diff --git a/packages/website/ts/components/top_bar/top_bar.tsx b/packages/website/ts/components/top_bar/top_bar.tsx index 05cc6e3ad..1a69827a4 100644 --- a/packages/website/ts/components/top_bar/top_bar.tsx +++ b/packages/website/ts/components/top_bar/top_bar.tsx @@ -45,6 +45,7 @@ export interface TopBarProps { isNightVersion?: boolean; onVersionSelected?: (semver: string) => void; sidebarHeader?: React.ReactNode; + maxWidth?: number; } interface TopBarState { @@ -213,7 +214,7 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> { const shouldShowPortalV2Drawer = this._isViewingPortal() && utils.shouldShowPortalV2(); return ( <div style={{ ...styles.topBar, ...bottomBorderStyle, ...this.props.style, ...{ height } }} className="pb1"> - <div className={parentClassNames}> + <div className={parentClassNames} style={{ maxWidth: this.props.maxWidth }}> <div className="col col-2 sm-pl1 md-pl2 lg-pl0" style={{ paddingTop: 15 }}> <Link to={`${WebsitePaths.Home}`} className="text-decoration-none"> <img src={logoUrl} height="30" /> |