diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-06-05 08:51:48 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-06-05 08:52:39 +0800 |
| commit | ea2d5b9d4a7c3e59645a0b302dc6979e6b9b285f (patch) | |
| tree | f48ba0f966bfc29ffac43afb85d43b04a05de681 /packages/website | |
| parent | 3c508c1d271ffba4eead6f0c145d57330804697c (diff) | |
| download | dexon-sol-tools-ea2d5b9d4a7c3e59645a0b302dc6979e6b9b285f.tar dexon-sol-tools-ea2d5b9d4a7c3e59645a0b302dc6979e6b9b285f.tar.gz dexon-sol-tools-ea2d5b9d4a7c3e59645a0b302dc6979e6b9b285f.tar.bz2 dexon-sol-tools-ea2d5b9d4a7c3e59645a0b302dc6979e6b9b285f.tar.lz dexon-sol-tools-ea2d5b9d4a7c3e59645a0b302dc6979e6b9b285f.tar.xz dexon-sol-tools-ea2d5b9d4a7c3e59645a0b302dc6979e6b9b285f.tar.zst dexon-sol-tools-ea2d5b9d4a7c3e59645a0b302dc6979e6b9b285f.zip | |
Make buttons stack on mobile
Diffstat (limited to 'packages/website')
| -rw-r--r-- | packages/website/ts/components/ui/text.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/pages/landing/landing.tsx | 9 |
2 files changed, 6 insertions, 5 deletions
diff --git a/packages/website/ts/components/ui/text.tsx b/packages/website/ts/components/ui/text.tsx index 259365618..d3e205d12 100644 --- a/packages/website/ts/components/ui/text.tsx +++ b/packages/website/ts/components/ui/text.tsx @@ -52,5 +52,5 @@ export const TranslatedText: React.StatelessComponent<TranslatedTextProps> = ({ translate, children, deco, - ...textProps + ...textProps, }) => <Text {...textProps}>{translate.get(children, deco)}</Text>; diff --git a/packages/website/ts/pages/landing/landing.tsx b/packages/website/ts/pages/landing/landing.tsx index aa639c10e..f3428d475 100644 --- a/packages/website/ts/pages/landing/landing.tsx +++ b/packages/website/ts/pages/landing/landing.tsx @@ -7,6 +7,7 @@ import { Footer } from 'ts/components/footer'; import { SubscribeForm } from 'ts/components/forms/subscribe_form'; import { TopBar } from 'ts/components/top_bar/top_bar'; import { CallToAction } from 'ts/components/ui/button'; +import { Container } from 'ts/components/ui/container'; import { Dispatcher } from 'ts/redux/dispatcher'; import { Deco, Key, Language, ScreenWidths, WebsitePaths } from 'ts/types'; import { constants } from 'ts/utils/constants'; @@ -269,15 +270,15 @@ export class Landing extends React.Component<LandingProps, LandingState> { > {this.props.translate.get(Key.TopTagline)} </div> - <div className="pt3 clearfix sm-mx-auto" style={{ maxWidth: 389 }}> - <div className="lg-pr2 md-pr2 col col-6 sm-center"> + <Container className="pt3 clearfix sm-mx-auto" maxWidth="390px"> + <div className="lg-pr2 md-pr2 lg-col lg-col-6 sm-center sm-col sm-col-12 mb2"> <Link to={WebsitePaths.ZeroExJs} className="text-decoration-none"> <CallToAction width="175px" type="light"> {this.props.translate.get(Key.BuildCallToAction, Deco.Cap)} </CallToAction> </Link> </div> - <div className="col col-6 sm-center"> + <div className="lg-col lg-col-6 sm-center sm-col sm-col-12"> <a href={constants.URL_ZEROEX_CHAT} target="_blank" @@ -288,7 +289,7 @@ export class Landing extends React.Component<LandingProps, LandingState> { </CallToAction> </a> </div> - </div> + </Container> </div> </div> </div> |