diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-30 21:13:31 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-30 21:13:31 +0800 |
| commit | 2ba14d656ef21ef85bf8274020d18ae2cd2515b3 (patch) | |
| tree | ceb9c5e08d1e47e12a6bbfd00acfc3cb931d80a1 /packages/website/ts/@next/pages | |
| parent | 0c2848c41887daa7bfee6297a7f134271bc2df1a (diff) | |
| download | dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.gz dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.zst dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.zip | |
Some cleanup, reindent
Diffstat (limited to 'packages/website/ts/@next/pages')
| -rw-r--r-- | packages/website/ts/@next/pages/landing.tsx | 29 |
1 files changed, 19 insertions, 10 deletions
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx index ee9dd188e..ab0a3bc55 100644 --- a/packages/website/ts/@next/pages/landing.tsx +++ b/packages/website/ts/@next/pages/landing.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styled from 'styled-components'; +import styled, { css } from 'styled-components'; import {colors} from 'ts/style/colors'; @@ -10,6 +10,8 @@ import {Heading, Paragraph} from 'ts/@next/components/text'; import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg'; +import IconReadyToBuild from 'ts/@next/icons/illustrations/ready-to-build.svg'; + const Icon = styled.div ` flex-shrink: 0; @@ -97,12 +99,18 @@ export const NextLanding = () => ( <Section> <Wrap> - <Column bgColor="#003831" colWidth="1/2"> - This is a 2 COLUMN section + <Column bgColor="#003831" colWidth="1/2" padLarge> + <WrapCentered> + <Icon as={IconReadyToBuild as 'svg'} /> + Ready to build on 0x? + </WrapCentered> </Column> - <Column bgColor="#003831" colWidth="1/2"> - Again a 2 column section + <Column bgColor="#003831" colWidth="1/2" padLarge> + <WrapCentered> + <Icon as={IconReadyToBuild as 'svg'} /> + Ready to build on 0x? + </WrapCentered> </Column> </Wrap> </Section> @@ -120,7 +128,10 @@ export const NextLanding = () => ( </Wrap> </Section> - <Section bgColor="#ff0000" fullWidth noPadding> + <Section + bgColor="#ff0000" + fullWidth + noPadding> <Wrap width="full"> <Column colWidth="2/3"> SAMPLE FLUSHED width @@ -134,9 +145,7 @@ export const NextLanding = () => ( <Section bgColor="#003831"> <Wrap width="narrow"> - 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based - tokens. Anyone can utilize 0x to service a wide variety of markets ranging from - gaming items to traditional financial assets. + 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based tokens. Anyone can utilize 0x to service a wide variety of markets ranging from gaming items to traditional financial assets. </Wrap> <Wrap> @@ -149,7 +158,7 @@ export const NextLanding = () => ( </Column> <Column colWidth="1/3"> - three-column module + three-column module </Column> </Wrap> </Section> |