aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorBrandon Millman <brandon@0xproject.com>2018-08-31 08:26:47 +0800
committerGitHub <noreply@github.com>2018-08-31 08:26:47 +0800
commit675964dc5c6c44eb07023fd036857ecd3f14dcf3 (patch)
tree725d513b94620c2c09dd2c7adeffae9a1f381e31 /packages/website/ts
parent66eef758c6bbc1ee16fb44957d640662ee9f8e87 (diff)
parent6432f85eb0d2b0e765e7a699d6ccc951e0bee888 (diff)
downloaddexon-sol-tools-675964dc5c6c44eb07023fd036857ecd3f14dcf3.tar
dexon-sol-tools-675964dc5c6c44eb07023fd036857ecd3f14dcf3.tar.gz
dexon-sol-tools-675964dc5c6c44eb07023fd036857ecd3f14dcf3.tar.bz2
dexon-sol-tools-675964dc5c6c44eb07023fd036857ecd3f14dcf3.tar.lz
dexon-sol-tools-675964dc5c6c44eb07023fd036857ecd3f14dcf3.tar.xz
dexon-sol-tools-675964dc5c6c44eb07023fd036857ecd3f14dcf3.tar.zst
dexon-sol-tools-675964dc5c6c44eb07023fd036857ecd3f14dcf3.zip
Merge pull request #1048 from 0xProject/feature/website/patch-v2-landing
[website] Final tweaks for landing page
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/pages/landing/landing.tsx10
1 files changed, 7 insertions, 3 deletions
diff --git a/packages/website/ts/pages/landing/landing.tsx b/packages/website/ts/pages/landing/landing.tsx
index 34f124d8c..7dfd9c9df 100644
--- a/packages/website/ts/pages/landing/landing.tsx
+++ b/packages/website/ts/pages/landing/landing.tsx
@@ -22,6 +22,7 @@ interface BoxContent {
description: string;
imageUrl: string;
classNames: string;
+ maxWidth: number;
}
interface AssetType {
title: string;
@@ -53,7 +54,7 @@ const ROTATING_LIST = [
'tokens',
'game items',
'digital art',
- 'outcomes',
+ 'futures',
'stocks',
'derivatives',
'loans',
@@ -399,18 +400,21 @@ export class Landing extends React.Component<LandingProps, LandingState> {
description: this.props.translate.get(Key.BenefitOneDescription, Deco.Cap),
imageUrl: '/images/landing/distributed_network.png',
classNames: '',
+ maxWidth: 160,
},
{
title: this.props.translate.get(Key.BenefitTwoTitle, Deco.Cap),
description: this.props.translate.get(Key.BenefitTwoDescription, Deco.Cap),
imageUrl: '/images/landing/liquidity.png',
classNames: 'mx-auto',
+ maxWidth: 160,
},
{
title: this.props.translate.get(Key.BenefitThreeTitle, Deco.Cap),
description: this.props.translate.get(Key.BenefitThreeDescription, Deco.Cap),
imageUrl: '/images/landing/exchange_everywhere.png',
classNames: 'right',
+ maxWidth: 130,
},
];
const boxes = _.map(boxContents, (boxContent: BoxContent) => {
@@ -421,7 +425,7 @@ export class Landing extends React.Component<LandingProps, LandingState> {
<img
className="mx-auto"
src={boxContent.imageUrl}
- style={{ height: 'auto', maxWidth: 160 }}
+ style={{ height: 'auto', maxWidth: boxContent.maxWidth }}
/>
</Container>
<div className="h3" style={{ color: 'black', fontFamily: 'Roboto Mono' }}>
@@ -565,7 +569,7 @@ export class Landing extends React.Component<LandingProps, LandingState> {
lineHeight: 1.5,
fontSize: 14,
overflow: 'hidden',
- height: 104,
+ height: 124,
}}
>
{useCase.description}