diff options
| author | Wes Bos <wesbos@gmail.com> | 2018-03-28 15:22:34 -0400 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2018-03-28 15:22:34 -0400 |
| commit | 65c524251d49ade9d44a62337f3c1c1fed6eedd0 (patch) | |
| tree | d504ba9cea8d89bbde4b2e809fddb048bd660548 /frontend/components/Page.js | |
| parent | a1fd7eb33bb08610aaf381a64b7f963cd98bfdaa (diff) | |
Permissions
Diffstat (limited to 'frontend/components/Page.js')
| -rw-r--r-- | frontend/components/Page.js | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/frontend/components/Page.js b/frontend/components/Page.js index bfe8492..031536b 100644 --- a/frontend/components/Page.js +++ b/frontend/components/Page.js @@ -13,6 +13,7 @@ const theme = { lightgrey: '#E1E1E1', offWhite: '#EDEDED', maxWidth: '1300px', + bs: '0 12px 24px 0 rgba(0, 0, 0, 0.09)', }; injectGlobal` @@ -26,6 +27,7 @@ injectGlobal` background-color: #ffffff; margin: 0; font-size: 1.5rem; + line-height: 2; background: red; } *, *:before, *:after { @@ -37,6 +39,12 @@ injectGlobal` } `; +const Inner = styled.div` + max-width: 1000px; + margin: 0 auto; + padding: 2rem; +`; + const StyledPage = styled.div` color: ${props => props.theme.black}; background: white; @@ -48,7 +56,7 @@ const Page = ({ children }) => ( <StyledPage className="main"> <Meta /> <Header /> - {children} + <Inner>{children}</Inner> </StyledPage> </ThemeProvider> </UIProvider> |