diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-08-31 02:27:00 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-08-31 02:39:25 +0800 |
| commit | 038c21324e2ae37f2cd6f1199ee176707cd1fed4 (patch) | |
| tree | 69a20bba5b7c5e5aa418059c535f8815260db069 | |
| parent | 5d008ee83ead8207c7aa80b249703660be8f7fad (diff) | |
| download | dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.gz dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.bz2 dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.lz dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.xz dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.zst dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.zip | |
Make hero image responsive
| -rw-r--r-- | packages/website/ts/pages/landing/landing.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/website/ts/pages/landing/landing.tsx b/packages/website/ts/pages/landing/landing.tsx index 3d0e6eb62..bd861670a 100644 --- a/packages/website/ts/pages/landing/landing.tsx +++ b/packages/website/ts/pages/landing/landing.tsx @@ -8,6 +8,7 @@ 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 { Image } from 'ts/components/ui/image'; import { Text } from 'ts/components/ui/text'; import { Dispatcher } from 'ts/redux/dispatcher'; import { Deco, Key, Language, ScreenWidths, WebsitePaths } from 'ts/types'; @@ -154,8 +155,8 @@ export class Landing extends React.Component<LandingProps, LandingState> { <div className="mx-auto max-width-4 clearfix"> {this._renderWhatsNew()} <div className={`${flexClassName} lg-pt4 md-pt4 sm-pt2 lg-pb4 md-pb4 lg-mt4 md-mt4 sm-mt2 sm-mb4`}> - <Container marginTop="30px" marginBottom="30px"> - <img src="/images/landing/0x_homepage.svg" height="250px" /> + <Container marginTop="30px" marginBottom="30px" marginLeft="15px" marginRight="15px"> + <Image src="/images/landing/0x_homepage.svg" maxWidth="100%" height="auto" /> </Container> <div className={left} style={{ color: colors.white, height: 390, lineHeight: '390px' }}> <div |