diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-18 21:04:44 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-19 05:03:30 +0800 |
commit | 630ecb98e17c6cce795e368ebfe8af5ffb4a2266 (patch) | |
tree | 6e54a94cf4df192e1d2e62ca0bfcfb78c652f6ba /packages/website/ts/@next/components/sections/landing/about.tsx | |
parent | ae27695d25301fe7cc34e22bddd3fedfdd8d81a2 (diff) | |
download | dexon-0x-contracts-630ecb98e17c6cce795e368ebfe8af5ffb4a2266.tar dexon-0x-contracts-630ecb98e17c6cce795e368ebfe8af5ffb4a2266.tar.gz dexon-0x-contracts-630ecb98e17c6cce795e368ebfe8af5ffb4a2266.tar.bz2 dexon-0x-contracts-630ecb98e17c6cce795e368ebfe8af5ffb4a2266.tar.lz dexon-0x-contracts-630ecb98e17c6cce795e368ebfe8af5ffb4a2266.tar.xz dexon-0x-contracts-630ecb98e17c6cce795e368ebfe8af5ffb4a2266.tar.zst dexon-0x-contracts-630ecb98e17c6cce795e368ebfe8af5ffb4a2266.zip |
Mobile tweaks
Diffstat (limited to 'packages/website/ts/@next/components/sections/landing/about.tsx')
-rw-r--r-- | packages/website/ts/@next/components/sections/landing/about.tsx | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/sections/landing/about.tsx b/packages/website/ts/@next/components/sections/landing/about.tsx index bf2577581..87a0fe562 100644 --- a/packages/website/ts/@next/components/sections/landing/about.tsx +++ b/packages/website/ts/@next/components/sections/landing/about.tsx @@ -26,13 +26,14 @@ export const SectionLandingAbout = () => ( instruments to assets that could have never existed before. </Paragraph> - <Button href={`${WebsitePaths.Why}#cases`} isWithArrow={true} isAccentColor={true}> + <DeveloperLink href={`${WebsitePaths.Why}#cases`} isWithArrow={true} isAccentColor={true}> Discover how developers use 0x - </Button> + </DeveloperLink> <hr style={{ - width: '340px', + width: '100%', + maxWidth: '340px', borderColor: '#3C4746', margin: '60px auto', }} @@ -55,6 +56,15 @@ const Figure = (props: FigureProps) => ( </Column> ); +const DeveloperLink = styled(Button)` + @media (max-width: 500px) { + && { + white-space: pre-wrap; + line-height: 1.3; + } + } +`; + const FigureValue = styled.dt` font-size: 50px; font-weight: 300; |