diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-29 00:27:05 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-29 00:29:12 +0800 |
commit | 38e12c240573dc7da0143809b29864bfa07a6c63 (patch) | |
tree | 290bf5ee70be7af76db946f626f9eb365823f588 /packages/website/ts/@next/components/siteWrap.tsx | |
parent | f9a7cc94e1af962ac16f87d5300047158428279e (diff) | |
download | dexon-0x-contracts-38e12c240573dc7da0143809b29864bfa07a6c63.tar.gz dexon-0x-contracts-38e12c240573dc7da0143809b29864bfa07a6c63.tar.zst dexon-0x-contracts-38e12c240573dc7da0143809b29864bfa07a6c63.zip |
[WIP] Proposed layout modules
Diffstat (limited to 'packages/website/ts/@next/components/siteWrap.tsx')
-rw-r--r-- | packages/website/ts/@next/components/siteWrap.tsx | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/siteWrap.tsx b/packages/website/ts/@next/components/siteWrap.tsx index 0a62a1783..eebf6c25c 100644 --- a/packages/website/ts/@next/components/siteWrap.tsx +++ b/packages/website/ts/@next/components/siteWrap.tsx @@ -1,7 +1,8 @@ import * as React from 'react'; +import styled from 'styled-components'; import { GlobalStyles } from 'ts/@next/constants/globalStyle'; +import { Header } from 'ts/@next/components/header'; -import { Header } from './header'; interface Props { @@ -16,11 +17,19 @@ const SiteWrap: React.StatelessComponent<Props> = props => { <Header /> - {children} + <Main> + { children } + </Main> <footer>OMG FOOTER</footer> </> ); }; -export { SiteWrap }; +const Main = styled.main` + border: 1px solid blue; + padding: 30px; +`; + + +export { SiteWrap } |