aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-08-29 13:00:23 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-08-30 03:45:16 +0800
commit557267477e10902e801e18733d551f13c402a6cd (patch)
tree6deb6b9a334178915353c5fc73538b0bdd558932 /packages/website/ts
parentb9f7979e91790615c3f1e45c7a3d29d6369e8092 (diff)
downloaddexon-sol-tools-557267477e10902e801e18733d551f13c402a6cd.tar
dexon-sol-tools-557267477e10902e801e18733d551f13c402a6cd.tar.gz
dexon-sol-tools-557267477e10902e801e18733d551f13c402a6cd.tar.bz2
dexon-sol-tools-557267477e10902e801e18733d551f13c402a6cd.tar.lz
dexon-sol-tools-557267477e10902e801e18733d551f13c402a6cd.tar.xz
dexon-sol-tools-557267477e10902e801e18733d551f13c402a6cd.tar.zst
dexon-sol-tools-557267477e10902e801e18733d551f13c402a6cd.zip
Add new header image
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/pages/landing/landing.tsx9
1 files changed, 5 insertions, 4 deletions
diff --git a/packages/website/ts/pages/landing/landing.tsx b/packages/website/ts/pages/landing/landing.tsx
index 5b5bd753c..4833fa8f3 100644
--- a/packages/website/ts/pages/landing/landing.tsx
+++ b/packages/website/ts/pages/landing/landing.tsx
@@ -151,14 +151,15 @@ export class Landing extends React.Component<LandingProps, LandingState> {
private _renderHero(): React.ReactNode {
const isSmallScreen = this.state.screenWidth === ScreenWidths.Sm;
const left = 'col lg-col-7 md-col-7 col-12 lg-pl4 md-pl4 sm-pl0 sm-px3 sm-center';
+ const flexClassName = isSmallScreen ? 'flex items-center flex-column' : 'flex items-center';
return (
<div className="clearfix py4" style={{ backgroundColor: colors.heroGrey }}>
<div className="mx-auto max-width-4 clearfix">
{this._renderWhatsNew()}
- <div className="lg-pt4 md-pt4 sm-pt2 lg-pb4 md-pb4 lg-mt4 md-mt4 sm-mt2 sm-mb4 clearfix">
- <div className="col lg-col-5 md-col-5 col-12 sm-center">
- <img src="/images/landing/hero_chip_image.png" height={isSmallScreen ? 300 : 395} />
- </div>
+ <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>
<div className={left} style={{ color: colors.white, height: 390, lineHeight: '390px' }}>
<div
className="inline-block lg-align-middle md-align-middle sm-align-top"