diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-29 22:51:27 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-29 22:51:27 +0800 |
| commit | b461147389537b4808c60bcd3206e6dfce76f017 (patch) | |
| tree | a049f5300558725ba15db774ec221a189bcf1fa0 /packages/website/ts/@next | |
| parent | 1d0d4ca147881b189b9da54a0055e1a0526c9756 (diff) | |
| download | dexon-0x-contracts-b461147389537b4808c60bcd3206e6dfce76f017.tar.gz dexon-0x-contracts-b461147389537b4808c60bcd3206e6dfce76f017.tar.zst dexon-0x-contracts-b461147389537b4808c60bcd3206e6dfce76f017.zip | |
Adds buttonWrapper
Diffstat (limited to 'packages/website/ts/@next')
| -rw-r--r-- | packages/website/ts/@next/components/button.tsx | 10 | ||||
| -rw-r--r-- | packages/website/ts/@next/pages/landing.tsx | 7 |
2 files changed, 14 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index f69589373..39e30105a 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -18,6 +18,16 @@ export const Button: React.StatelessComponent<ButtonInterface> = props => { return <Component {...props}>{ props.children }</Component>; }; +// Added this, & + & doesnt really work since we switch with element types... +export const ButtonWrap = styled.div` + button + button, + a + a, + a + button, + button + a { + margin-left: 10px; + } +`; + const StyledButton = styled.button<ButtonInterface>` appearance: none; border: 0; diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx index eb8adbde9..766eb809b 100644 --- a/packages/website/ts/@next/pages/landing.tsx +++ b/packages/website/ts/@next/pages/landing.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import styled from 'styled-components'; import { colors } from 'ts/style/colors' -import { Button } from 'ts/@next/components/button'; +import { Button, ButtonWrap } from 'ts/@next/components/button'; import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout'; import { SiteWrap } from 'ts/@next/components/siteWrap'; import { Heading, Intro, Text } from 'ts/@next/components/text'; @@ -22,7 +22,8 @@ export const NextLanding = () => ( <Column colWidth="2/3"> <Heading>Powering Decentralized Exchange</Heading> <Intro>0x is the best solution for adding exchange functionality to your business.</Intro> - <div> + + <ButtonWrap> <Button inline> Get Started </Button> @@ -30,7 +31,7 @@ export const NextLanding = () => ( <Button transparent inline> Learn More </Button> - </div> + </ButtonWrap> </Column> <Column colWidth="1/3"> |