Implement new responsive, dev section header and home scaffolding

1 files changed, 12 insertions, 3 deletions

diff --git a/packages/website/ts/components/documentation/docs_logo.tsx b/packages/website/ts/components/documentation/docs_logo.tsx
index 2a539c84b..9daf84ad0 100644
--- a/packages/website/ts/components/documentation/docs_logo.tsx
+++ b/packages/website/ts/components/documentation/docs_logo.tsx
@@ -2,12 +2,21 @@ import * as React from 'react';
 import { Link } from 'react-router-dom';
 import { WebsitePaths } from 'ts/types';
 
-export const DocsLogo = () => {
+export interface DocsLogoProps {
+    height: number;
+    containerStyle?: React.CSSProperties;
+}
+
+export const DocsLogo: React.StatelessComponent<DocsLogoProps> = props => {
     return (
-        <div style={{ paddingTop: 28 }}>
+        <div style={props.containerStyle}>
             <Link to={`${WebsitePaths.Home}`} className="text-decoration-none">
-                <img src="/images/docs_logo.svg" height="36px" />
+                <img src="/images/docs_logo.svg" height={props.height} />
             </Link>
         </div>
     );
 };
+
+DocsLogo.defaultProps = {
+    containerStyle: {},
+};