diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-11-28 23:33:10 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-28 23:33:10 +0800 |
| commit | a1fe30e2105f197ab62715e8cfcc971a747bdb7a (patch) | |
| tree | 0bc999185fcef1df34ab53326652529c8b27a475 | |
| parent | 56ca19dc9bc5342ac5e97ad06c20a6083c2f3c2a (diff) | |
| download | dexon-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
| -rw-r--r-- | packages/website/ts/@next/components/header.tsx | 18 |
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> |