diff options
author | Fabio Berger <me@fabioberger.com> | 2018-11-11 22:31:52 +0800 |
---|---|---|
committer | Fabio Berger <me@fabioberger.com> | 2018-11-11 22:31:52 +0800 |
commit | 753b33aec5a12a30f08701aa04b6ec67e7f590de (patch) | |
tree | 6f2d9321abe72f65186906243daab09646ab4a9c /packages/website/ts/components/documentation/docs_logo.tsx | |
parent | 7626d1d6fe5f1b5a505db4482e0b7337747ca4d2 (diff) | |
download | dexon-sol-tools-753b33aec5a12a30f08701aa04b6ec67e7f590de.tar dexon-sol-tools-753b33aec5a12a30f08701aa04b6ec67e7f590de.tar.gz dexon-sol-tools-753b33aec5a12a30f08701aa04b6ec67e7f590de.tar.bz2 dexon-sol-tools-753b33aec5a12a30f08701aa04b6ec67e7f590de.tar.lz dexon-sol-tools-753b33aec5a12a30f08701aa04b6ec67e7f590de.tar.xz dexon-sol-tools-753b33aec5a12a30f08701aa04b6ec67e7f590de.tar.zst dexon-sol-tools-753b33aec5a12a30f08701aa04b6ec67e7f590de.zip |
Remove "Home" menu item, instead make different parts of logo link to different sections of the website
Diffstat (limited to 'packages/website/ts/components/documentation/docs_logo.tsx')
-rw-r--r-- | packages/website/ts/components/documentation/docs_logo.tsx | 25 |
1 files changed, 21 insertions, 4 deletions
diff --git a/packages/website/ts/components/documentation/docs_logo.tsx b/packages/website/ts/components/documentation/docs_logo.tsx index 2840d5960..54ea9e2b4 100644 --- a/packages/website/ts/components/documentation/docs_logo.tsx +++ b/packages/website/ts/components/documentation/docs_logo.tsx @@ -1,17 +1,34 @@ import { Link } from '@0x/react-shared'; import * as React from 'react'; +import { styled } from 'ts/style/theme'; import { WebsitePaths } from 'ts/types'; +import { Container } from '../ui/container'; + export interface DocsLogoProps { - height: number; containerStyle?: React.CSSProperties; } +const Image = styled.img` + &:hover { + opacity: 0.7; + } +`; + export const DocsLogo: React.StatelessComponent<DocsLogoProps> = props => { return ( - <Link to={WebsitePaths.Docs}> - <img src="/images/docs_logo.svg" height={props.height} /> - </Link> + <Container className="flex"> + <Container> + <Link to={WebsitePaths.Home}> + <Image src="/images/developers/logo/0x.svg" height={30} /> + </Link> + </Container> + <Container paddingTop="7px" paddingLeft="7px"> + <Link to={WebsitePaths.Docs}> + <Image src="/images/developers/logo/docs.svg" height={16} /> + </Link> + </Container> + </Container> ); }; |