aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-11-28 23:33:10 +0800
committerFred Carlsen <fred@sjelfull.no>2018-11-28 23:33:10 +0800
commita1fe30e2105f197ab62715e8cfcc971a747bdb7a (patch)
tree0bc999185fcef1df34ab53326652529c8b27a475 /packages/website/ts/@next
parent56ca19dc9bc5342ac5e97ad06c20a6083c2f3c2a (diff)
downloaddexon-sol-tools-a1fe30e2105f197ab62715e8cfcc971a747bdb7a.tar
dexon-sol-tools-a1fe30e2105f197ab62715e8cfcc971a747bdb7a.tar.gz
dexon-sol-tools-a1fe30e2105f197ab62715e8cfcc971a747bdb7a.tar.bz2
dexon-sol-tools-a1fe30e2105f197ab62715e8cfcc971a747bdb7a.tar.lz
dexon-sol-tools-a1fe30e2105f197ab62715e8cfcc971a747bdb7a.tar.xz
dexon-sol-tools-a1fe30e2105f197ab62715e8cfcc971a747bdb7a.tar.zst
dexon-sol-tools-a1fe30e2105f197ab62715e8cfcc971a747bdb7a.zip
Tweak links in header
Diffstat (limited to 'packages/website/ts/@next')
-rw-r--r--packages/website/ts/@next/components/header.tsx18
1 files changed, 12 insertions, 6 deletions
diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx
index 615cf53d5..6afa1f58e 100644
--- a/packages/website/ts/@next/components/header.tsx
+++ b/packages/website/ts/@next/components/header.tsx
@@ -31,14 +31,20 @@ const Link = styled.a`
color: rgba(255, 255, 255, 0.5);
font-size: 18px;
margin: 0 1.764705882rem;
+ transition: color 0.25s ease-in-out;
+ text-decoration: none;
+
+ &:hover {
+ color: rgba(255, 255, 255, 1);
+ }
`;
const links = [
- { url: '', text: 'Why 0x' },
- { url: '', text: 'Products' },
- { url: '', text: 'Developers' },
- { url: '', text: 'About' },
- { url: '', text: 'Blog' },
+ { url: '#', text: 'Why 0x' },
+ { url: '#', text: 'Products' },
+ { url: '#', text: 'Developers' },
+ { url: '#', text: 'About' },
+ { url: '#', text: 'Blog' },
];
export const Header: React.StatelessComponent<HeaderInterface> = ({}) => (
@@ -46,7 +52,7 @@ export const Header: React.StatelessComponent<HeaderInterface> = ({}) => (
<StyledHeader>
<Logo/>
<Links>
- {_.map(links, link => <Link>{link.text}</Link>)}
+ {_.map(links, link => <Link href={link.url}>{link.text}</Link>)}
</Links>
<Button text="Trade on 0x" />
</StyledHeader>