Implement new responsive, dev section header and home scaffolding

This commit is contained in:
Fabio Berger
2018-09-17 16:55:22 +01:00
parent 60ef45722c
commit ce51edcf80
5 changed files with 103 additions and 53 deletions

View File

@@ -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: {},
};