crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweaks to benefits and use cases

Browse Source
This commit is contained in:
Brandon Millman 2018-08-30 15:26:03 -07:00
parent 6deffb6b28
commit c64f0ba34b
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/website/ts/pages/landing/landing.tsx
View File

@ -22,6 +22,7 @@ interface BoxContent {
description: string; description: string;
imageUrl: string; imageUrl: string;
classNames: string; classNames: string;
maxWidth: number;
} }
interface AssetType { interface AssetType {
title: string; title: string;
@ -399,18 +400,21 @@ export class Landing extends React.Component<LandingProps, LandingState> {
description: this.props.translate.get(Key.BenefitOneDescription, Deco.Cap), description: this.props.translate.get(Key.BenefitOneDescription, Deco.Cap),
imageUrl: '/images/landing/distributed_network.png', imageUrl: '/images/landing/distributed_network.png',
classNames: '', classNames: '',
maxWidth: 160,
}, },
{ {
title: this.props.translate.get(Key.BenefitTwoTitle, Deco.Cap), title: this.props.translate.get(Key.BenefitTwoTitle, Deco.Cap),
description: this.props.translate.get(Key.BenefitTwoDescription, Deco.Cap), description: this.props.translate.get(Key.BenefitTwoDescription, Deco.Cap),
imageUrl: '/images/landing/liquidity.png', imageUrl: '/images/landing/liquidity.png',
classNames: 'mx-auto', classNames: 'mx-auto',
maxWidth: 160,
}, },
{ {
title: this.props.translate.get(Key.BenefitThreeTitle, Deco.Cap), title: this.props.translate.get(Key.BenefitThreeTitle, Deco.Cap),
description: this.props.translate.get(Key.BenefitThreeDescription, Deco.Cap), description: this.props.translate.get(Key.BenefitThreeDescription, Deco.Cap),
imageUrl: '/images/landing/exchange_everywhere.png', imageUrl: '/images/landing/exchange_everywhere.png',
classNames: 'right', classNames: 'right',
maxWidth: 130,
}, },
]; ];
const boxes = _.map(boxContents, (boxContent: BoxContent) => { const boxes = _.map(boxContents, (boxContent: BoxContent) => {
@ -421,7 +425,7 @@ export class Landing extends React.Component<LandingProps, LandingState> {
<img <img
className="mx-auto" className="mx-auto"
src={boxContent.imageUrl} src={boxContent.imageUrl}
style={{ height: 'auto', maxWidth: 160 }} style={{ height: 'auto', maxWidth: boxContent.maxWidth }}
/> />
</Container> </Container>
<div className="h3" style={{ color: 'black', fontFamily: 'Roboto Mono' }}> <div className="h3" style={{ color: 'black', fontFamily: 'Roboto Mono' }}>
@ -565,7 +569,7 @@ export class Landing extends React.Component<LandingProps, LandingState> {
lineHeight: 1.5, lineHeight: 1.5,
fontSize: 14, fontSize: 14,
overflow: 'hidden', overflow: 'hidden',
height: 104, height: 124,
}} }}
> >
{useCase.description} {useCase.description}