Improve container

master
Tom Hacohen 7 years ago
parent bfd5ba5d27
commit 34445be4b0

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

@ -1,7 +1,14 @@
import * as React from 'react';
import Paper from 'material-ui/Paper';
import './Container.css';
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