diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-18 21:05:10 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-19 05:03:35 +0800 |
commit | ffa57c37032f414f65d37e25a03b51347ae956c2 (patch) | |
tree | 062ba0a125e1a9e94716c9ef9fac0c374db9e0ba /packages/website/ts/@next/components/hero.tsx | |
parent | 630ecb98e17c6cce795e368ebfe8af5ffb4a2266 (diff) | |
download | dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.gz dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.bz2 dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.lz dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.xz dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.zst dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.zip |
Tweak market maker
Diffstat (limited to 'packages/website/ts/@next/components/hero.tsx')
-rw-r--r-- | packages/website/ts/@next/components/hero.tsx | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/packages/website/ts/@next/components/hero.tsx b/packages/website/ts/@next/components/hero.tsx index 6a781f923..290c57bcb 100644 --- a/packages/website/ts/@next/components/hero.tsx +++ b/packages/website/ts/@next/components/hero.tsx @@ -5,6 +5,8 @@ import {addFadeInAnimation} from 'ts/@next/constants/animations'; interface Props { title: string; + maxWidth?: string; + maxWidthHeading?: string; isLargeTitle?: boolean; isFullWidth?: boolean; description: string; @@ -21,8 +23,8 @@ export const Hero = (props: Props) => ( </Content> } - <Content width={props.figure ? '546px' : '678px'}> - <Title isLarge={props.isLargeTitle}> + <Content width={props.maxWidth ? props.maxWidth : (props.figure ? '546px' : '678px')}> + <Title isLarge={props.isLargeTitle} maxWidth={props.maxWidthHeading}> {props.title} </Title> @@ -66,11 +68,14 @@ const Wrap = styled.div<{ isCentered?: boolean; isFullWidth?: boolean }>` } `; -const Title = styled.h1<{ isLarge?: any }>` +const Title = styled.h1<{ isLarge?: any; maxWidth?: string }>` font-size: ${props => props.isLarge ? '80px' : '50px'}; font-weight: 300; line-height: 1.1; + margin-left: auto; + margin-right: auto; margin-bottom: 30px; + max-width: ${props => props.maxWidth}; ${addFadeInAnimation('0.5s')} @media (max-width: 1024px) { @@ -85,9 +90,10 @@ const Title = styled.h1<{ isLarge?: any }>` const Description = styled.p` font-size: 22px; line-height: 31px; + font-weight: 300; padding: 0; margin-bottom: 50px; - color: rgba(255, 255, 255, 0.75); + color: ${props => props.theme.introTextColor}; ${addFadeInAnimation('0.5s', '0.15s')} @media (max-width: 1024px) { |