diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-29 22:17:00 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-29 22:17:00 +0800 |
| commit | a114cf5c2eebb62af1faff4c4186d542612f84cc (patch) | |
| tree | 8a668c095aa778e6c6c25ee9af6b1f4122053a23 /packages/website/ts/@next/pages | |
| parent | 4bc5881e9a4214a132481062651ff088f61d3241 (diff) | |
| download | dexon-sol-tools-a114cf5c2eebb62af1faff4c4186d542612f84cc.tar.gz dexon-sol-tools-a114cf5c2eebb62af1faff4c4186d542612f84cc.tar.zst dexon-sol-tools-a114cf5c2eebb62af1faff4c4186d542612f84cc.zip | |
Introduces WrapCentered
Diffstat (limited to 'packages/website/ts/@next/pages')
| -rw-r--r-- | packages/website/ts/@next/pages/landing.tsx | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx index 025a9d47b..ad0639fc7 100644 --- a/packages/website/ts/@next/pages/landing.tsx +++ b/packages/website/ts/@next/pages/landing.tsx @@ -3,16 +3,13 @@ import styled from 'styled-components'; import { colors } from 'ts/style/colors' import { Button, ButtonTransparent } from 'ts/@next/components/button'; -import { Column, Section, Wrap } from 'ts/@next/components/layout'; +import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout'; import { SiteWrap } from 'ts/@next/components/siteWrap'; -<<<<<<< Updated upstream import { Heading, Intro, Text } from 'ts/@next/components/text'; import logoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; import protocol from 'ts/@next/icons/illustrations/protocol.svg'; -======= -import { Section, Wrap } from 'ts/@next/components/layout'; ->>>>>>> Stashed changes + const Icon = styled.div` flex-shrink: 0; @@ -37,10 +34,12 @@ export const NextLanding = () => ( </Wrap> </Section> - <Section bgColor={colors.backgroundDark} noPadding> - <Icon as={protocol as 'svg'} /> - <Text size="medium">0x is the best solution for adding exchange functionality to your business.</Text> - <Text size="medium">Discover how developers use 0x (need arrow + line under)</Text> + <Section bgColor={colors.backgroundDark}> + <WrapCentered> + <Icon as={protocol as 'svg'} /> + <Text size="medium">0x is the best solution for adding exchange functionality to your business.</Text> + <Text size="medium">Discover how developers use 0x (need arrow + line under)</Text> + </WrapCentered> </Section> <Section> |