diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-29 15:52:13 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-29 15:52:13 +0800 |
commit | be39c5ba993998d6e07cea8d1ed9998bd33ebc3d (patch) | |
tree | 512e690908e89cb421399a3b9c74375de9504a10 /packages/website/ts/@next/components/siteWrap.tsx | |
parent | 0c5b645e86192aeae73a1b7847a8df177367d9e1 (diff) | |
download | dexon-sol-tools-be39c5ba993998d6e07cea8d1ed9998bd33ebc3d.tar dexon-sol-tools-be39c5ba993998d6e07cea8d1ed9998bd33ebc3d.tar.gz dexon-sol-tools-be39c5ba993998d6e07cea8d1ed9998bd33ebc3d.tar.bz2 dexon-sol-tools-be39c5ba993998d6e07cea8d1ed9998bd33ebc3d.tar.lz dexon-sol-tools-be39c5ba993998d6e07cea8d1ed9998bd33ebc3d.tar.xz dexon-sol-tools-be39c5ba993998d6e07cea8d1ed9998bd33ebc3d.tar.zst dexon-sol-tools-be39c5ba993998d6e07cea8d1ed9998bd33ebc3d.zip |
Moves content wrap to layout.tsx
Diffstat (limited to 'packages/website/ts/@next/components/siteWrap.tsx')
-rw-r--r-- | packages/website/ts/@next/components/siteWrap.tsx | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/packages/website/ts/@next/components/siteWrap.tsx b/packages/website/ts/@next/components/siteWrap.tsx index c71fcf9cb..828842064 100644 --- a/packages/website/ts/@next/components/siteWrap.tsx +++ b/packages/website/ts/@next/components/siteWrap.tsx @@ -3,8 +3,11 @@ import styled from 'styled-components'; import { Footer } from 'ts/@next/components/footer'; import { Header } from 'ts/@next/components/header'; +import { Main } from 'ts/@next/components/layout'; import { GlobalStyles } from 'ts/@next/constants/globalStyle'; +// Note(ez): We'll define the theme and provide it via a prop +// e.g. theme dark/light/etc. interface Props { } @@ -14,12 +17,15 @@ const SiteWrap: React.StatelessComponent<Props> = props => { return ( <> + {/* GlobalStyles will be exposed the theme via provider, + same is true for all children of SiteWrap + */} <GlobalStyles /> <Header /> <Main> - {children} + { children } </Main> <Footer/> @@ -27,11 +33,5 @@ const SiteWrap: React.StatelessComponent<Props> = props => { ); }; -const Main = styled.main` - border: 1px solid blue; - width: calc(100% - 60px); - max-width: 1500px; - margin: 0 auto; -`; export { SiteWrap }; |