diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 16:56:01 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 16:58:20 +0800 |
| commit | ab24dcc29098c7b0c65c0e19be89a15bec3426af (patch) | |
| tree | cb849d2e3901ba303a1dca8df4f5e9a399445109 /packages | |
| parent | 189920eab99a731dd6b0880a99ec8cc911b64314 (diff) | |
| download | dexon-0x-contracts-ab24dcc29098c7b0c65c0e19be89a15bec3426af.tar.gz dexon-0x-contracts-ab24dcc29098c7b0c65c0e19be89a15bec3426af.tar.zst dexon-0x-contracts-ab24dcc29098c7b0c65c0e19be89a15bec3426af.zip | |
Hide trade button on mobile
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/website/ts/@next/components/header.tsx | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx index 0d4679df6..9b80ec167 100644 --- a/packages/website/ts/@next/components/header.tsx +++ b/packages/website/ts/@next/components/header.tsx @@ -11,10 +11,10 @@ interface HeaderInterface { const StyledHeader = styled.header` display: flex; + flex-wrap: wrap; text-align: center; align-items: center; justify-content: space-between; - padding: 1.764705882rem 0; padding: 1.666666667rem 0; `; @@ -40,6 +40,12 @@ const Link = styled.a` } `; +const TradeButton = styled(Button)` + @media (max-width: 999px) { + display: none; + } +`; + const links = [ { url: '#', text: 'Why 0x' }, { url: '#', text: 'Products' }, @@ -55,7 +61,7 @@ export const Header: React.StatelessComponent<HeaderInterface> = ({}) => ( <Links> {_.map(links, (link, index) => <Link key={index} href={link.url}>{link.text}</Link>)} </Links> - <Button href="#">Trade on 0x</Button> + <TradeButton href="#">Trade on 0x</TradeButton> </StyledHeader> </Container> ); |