diff options
author | Fabio B <kandinsky454@protonmail.ch> | 2018-11-14 03:36:48 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-11-14 03:36:48 +0800 |
commit | 5c21d3f6af2ffc513b2bbfe92abf99181a32ceca (patch) | |
tree | 0ed5f669d7412b002e804d0edd94e10a25bd82cf /packages/website/ts/components/documentation/docs_logo.tsx | |
parent | a824264da2d8cbcd76089c5d35da95fedbadd0bb (diff) | |
parent | a4a46dc076f4e491b30671bd9006a586ab9754bc (diff) | |
download | dexon-0x-contracts-5c21d3f6af2ffc513b2bbfe92abf99181a32ceca.tar dexon-0x-contracts-5c21d3f6af2ffc513b2bbfe92abf99181a32ceca.tar.gz dexon-0x-contracts-5c21d3f6af2ffc513b2bbfe92abf99181a32ceca.tar.bz2 dexon-0x-contracts-5c21d3f6af2ffc513b2bbfe92abf99181a32ceca.tar.lz dexon-0x-contracts-5c21d3f6af2ffc513b2bbfe92abf99181a32ceca.tar.xz dexon-0x-contracts-5c21d3f6af2ffc513b2bbfe92abf99181a32ceca.tar.zst dexon-0x-contracts-5c21d3f6af2ffc513b2bbfe92abf99181a32ceca.zip |
Merge pull request #1244 from 0xProject/developerSectionNits
Remaining Developer Section Design Nits
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> ); }; |