aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website')
-rw-r--r--packages/website/ts/@next/components/header.tsx10
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>
);