diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-11-14 09:09:58 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-14 09:09:58 +0800 |
commit | da9de70bbcecc16fa3a7f6991623f5027628f2b3 (patch) | |
tree | 5ec1cdef371604aa360eeae4ae7cde3190a8783d /packages/website/ts/components/documentation/docs_logo.tsx | |
parent | f03afe6f1b6a6bfa339507ee47b42c62550444a0 (diff) | |
parent | e02dc13805349a770506350c69e9061f596b48b2 (diff) | |
download | dexon-sol-tools-da9de70bbcecc16fa3a7f6991623f5027628f2b3.tar dexon-sol-tools-da9de70bbcecc16fa3a7f6991623f5027628f2b3.tar.gz dexon-sol-tools-da9de70bbcecc16fa3a7f6991623f5027628f2b3.tar.bz2 dexon-sol-tools-da9de70bbcecc16fa3a7f6991623f5027628f2b3.tar.lz dexon-sol-tools-da9de70bbcecc16fa3a7f6991623f5027628f2b3.tar.xz dexon-sol-tools-da9de70bbcecc16fa3a7f6991623f5027628f2b3.tar.zst dexon-sol-tools-da9de70bbcecc16fa3a7f6991623f5027628f2b3.zip |
Merge https://github.com/0xProject/0x-monorepo into feature/instant/metamask-connect-flow
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..ac331db79 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={34} /> + </Link> + </Container> + <Container paddingTop="6px" paddingLeft="7px"> + <Link to={WebsitePaths.Docs}> + <Image src="/images/developers/logo/docs.svg" height={20} /> + </Link> + </Container> + </Container> ); }; |