From 753b33aec5a12a30f08701aa04b6ec67e7f590de Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Sun, 11 Nov 2018 15:31:52 +0100
Subject: Remove "Home" menu item, instead make different parts of logo link to
 different sections of the website

---
 .../ts/components/documentation/docs_logo.tsx      | 25 ++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

(limited to 'packages/website/ts/components/documentation/docs_logo.tsx')

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>
     );
 };
 
-- 
cgit v1.2.3


From 399a7d5fec9af4f3491a77f0c2d46738f3d8ffa7 Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Sun, 11 Nov 2018 22:07:58 +0100
Subject: Increase logo size

---
 packages/website/ts/components/documentation/docs_logo.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'packages/website/ts/components/documentation/docs_logo.tsx')

diff --git a/packages/website/ts/components/documentation/docs_logo.tsx b/packages/website/ts/components/documentation/docs_logo.tsx
index 54ea9e2b4..ac331db79 100644
--- a/packages/website/ts/components/documentation/docs_logo.tsx
+++ b/packages/website/ts/components/documentation/docs_logo.tsx
@@ -20,12 +20,12 @@ export const DocsLogo: React.StatelessComponent<DocsLogoProps> = props => {
         <Container className="flex">
             <Container>
                 <Link to={WebsitePaths.Home}>
-                    <Image src="/images/developers/logo/0x.svg" height={30} />
+                    <Image src="/images/developers/logo/0x.svg" height={34} />
                 </Link>
             </Container>
-            <Container paddingTop="7px" paddingLeft="7px">
+            <Container paddingTop="6px" paddingLeft="7px">
                 <Link to={WebsitePaths.Docs}>
-                    <Image src="/images/developers/logo/docs.svg" height={16} />
+                    <Image src="/images/developers/logo/docs.svg" height={20} />
                 </Link>
             </Container>
         </Container>
-- 
cgit v1.2.3