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;
imageUrl: string;
classNames: string;
maxWidth: number;
}
interface AssetType {
title: string;
@ -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}