aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-15 04:51:02 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-17 04:34:09 +0800
commit888086010579566aca57e63daa5bacc9c6802830 (patch)
tree8133af24698ea052e245223087f20c660a02adbf
parent0c238448fda99c4d7997901d0fe4d72cb06b79cc (diff)
downloaddexon-sol-tools-888086010579566aca57e63daa5bacc9c6802830.tar
dexon-sol-tools-888086010579566aca57e63daa5bacc9c6802830.tar.gz
dexon-sol-tools-888086010579566aca57e63daa5bacc9c6802830.tar.bz2
dexon-sol-tools-888086010579566aca57e63daa5bacc9c6802830.tar.lz
dexon-sol-tools-888086010579566aca57e63daa5bacc9c6802830.tar.xz
dexon-sol-tools-888086010579566aca57e63daa5bacc9c6802830.tar.zst
dexon-sol-tools-888086010579566aca57e63daa5bacc9c6802830.zip
Set max-width for LargeLayout
-rw-r--r--packages/website/ts/components/portal/portal.tsx9
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>