Improve container

master
Tom Hacohen 7 years ago
parent bfd5ba5d27
commit 34445be4b0

@ -1,11 +1,11 @@
.Container { .Container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.Container { .Container {
margin-top: 40px;
margin-bottom: 40px;
width: 750px; width: 750px;
} }
} }
@ -19,3 +19,7 @@
width: 1170px; width: 1170px;
} }
} }
.Container-inner {
padding: 15px;
}

@ -1,7 +1,14 @@
import * as React from 'react'; import * as React from 'react';
import Paper from 'material-ui/Paper';
import './Container.css'; import './Container.css';
export default ({children}: {children: any}) => ( export default ({children}: {children: any}) => (
<div className="Container">{children}</div> <div className="Container">
<Paper zDepth={2}>
<div className="Container-inner">
{children}
</div>
</Paper>
</div>
); );

Loading…
Cancel
Save