diff options
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} |