aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-11-30 16:56:01 +0800
committerFred Carlsen <fred@sjelfull.no>2018-11-30 16:58:20 +0800
commitab24dcc29098c7b0c65c0e19be89a15bec3426af (patch)
treecb849d2e3901ba303a1dca8df4f5e9a399445109 /packages/website/ts
parent189920eab99a731dd6b0880a99ec8cc911b64314 (diff)
downloaddexon-sol-tools-ab24dcc29098c7b0c65c0e19be89a15bec3426af.tar
dexon-sol-tools-ab24dcc29098c7b0c65c0e19be89a15bec3426af.tar.gz
dexon-sol-tools-ab24dcc29098c7b0c65c0e19be89a15bec3426af.tar.bz2
dexon-sol-tools-ab24dcc29098c7b0c65c0e19be89a15bec3426af.tar.lz
dexon-sol-tools-ab24dcc29098c7b0c65c0e19be89a15bec3426af.tar.xz
dexon-sol-tools-ab24dcc29098c7b0c65c0e19be89a15bec3426af.tar.zst
dexon-sol-tools-ab24dcc29098c7b0c65c0e19be89a15bec3426af.zip
Hide trade button on mobile
Diffstat (limited to 'packages/website/ts')
-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>
);