diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 22:19:11 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 22:19:11 +0800 |
commit | 94c90cc49a556438a6eb298ddac7c0fb36163fde (patch) | |
tree | fe2b4f6fb6bfd3f496ae78164f82a6607d54136a /packages/website/ts/@next/components/siteWrap.tsx | |
parent | d8e03b87d6e3152878902348f613ad006697c224 (diff) | |
download | dexon-0x-contracts-94c90cc49a556438a6eb298ddac7c0fb36163fde.tar.gz dexon-0x-contracts-94c90cc49a556438a6eb298ddac7c0fb36163fde.tar.zst dexon-0x-contracts-94c90cc49a556438a6eb298ddac7c0fb36163fde.zip |
Cleanup press page, siteWrap
Diffstat (limited to 'packages/website/ts/@next/components/siteWrap.tsx')
-rw-r--r-- | packages/website/ts/@next/components/siteWrap.tsx | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/siteWrap.tsx b/packages/website/ts/@next/components/siteWrap.tsx index ae642f193..abbd27845 100644 --- a/packages/website/ts/@next/components/siteWrap.tsx +++ b/packages/website/ts/@next/components/siteWrap.tsx @@ -1,10 +1,10 @@ import * as React from 'react'; -import { ThemeProvider } from 'styled-components'; +import styled, { ThemeProvider } from 'styled-components'; import { colors } from 'ts/style/colors'; + 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 @@ -78,3 +78,12 @@ export const SiteWrap: React.StatelessComponent<Props> = props => { </> ); }; + +export const Main = styled.main` + max-width: 1500px; + margin: 0 auto; + + @media (min-width: 768px) { + width: calc(100% - 60px); + } +`; |