diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 01:22:36 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 01:23:12 +0800 |
commit | f4a95c295c427c00a5cb2df83ad145886a9d1bf4 (patch) | |
tree | 00caeb652e837cadd03032cbf6d21fad503b835d /packages/website/ts/@next/components/aboutPageLayout.tsx | |
parent | 142d29ba57f55aefd5c5e5f669c388ab57152173 (diff) | |
download | dexon-0x-contracts-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar dexon-0x-contracts-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.gz dexon-0x-contracts-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.bz2 dexon-0x-contracts-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.lz dexon-0x-contracts-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.xz dexon-0x-contracts-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.zst dexon-0x-contracts-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.zip |
WIP Begin cleanup, adds mediaquery component
Diffstat (limited to 'packages/website/ts/@next/components/aboutPageLayout.tsx')
-rw-r--r-- | packages/website/ts/@next/components/aboutPageLayout.tsx | 19 |
1 files changed, 10 insertions, 9 deletions
diff --git a/packages/website/ts/@next/components/aboutPageLayout.tsx b/packages/website/ts/@next/components/aboutPageLayout.tsx index a5e8df7e8..f562bcff5 100644 --- a/packages/website/ts/@next/components/aboutPageLayout.tsx +++ b/packages/website/ts/@next/components/aboutPageLayout.tsx @@ -11,9 +11,10 @@ import { addFadeInAnimation } from 'ts/@next/constants/animations'; interface Props { title: string; - description: React.Node; + description: Node; linkLabel?: string; linkUrl?: string; + children?: Node; } export const AboutPageLayout = (props: Props) => ( @@ -28,9 +29,9 @@ export const AboutPageLayout = (props: Props) => ( <Column width="70%" maxWidth="800px"> <Column width="100%" maxWidth="680px"> - <AnimatedHeading size="medium"> - {props.title} - </AnimatedHeading> + <AnimatedHeading size="medium"> + {props.title} + </AnimatedHeading> <AnimatedParagraph size="medium" marginBottom="60px" isMuted={0.65}> {props.description} @@ -38,14 +39,14 @@ export const AboutPageLayout = (props: Props) => ( {(props.linkLabel && props.linkUrl) && <AnimatedLink - to={props.linkUrl} - isWithArrow={true} + to={props.linkUrl} + isWithArrow={true} > - {props.linkLabel} + {props.linkLabel} </AnimatedLink> } - </Column> - </Column> + </Column> + </Column> </Section> {props.children} |