Making padding on Open paper optional
This commit is contained in:
parent
53faeb8210
commit
9f27f408a2
|
@ -11,8 +11,9 @@ const styles = () => ({
|
||||||
maxWidth: '770px',
|
maxWidth: '770px',
|
||||||
},
|
},
|
||||||
container: {
|
container: {
|
||||||
maxWidth: '600px',
|
|
||||||
letterSpacing: '-0.5px',
|
letterSpacing: '-0.5px',
|
||||||
|
},
|
||||||
|
padding: {
|
||||||
padding: lg,
|
padding: lg,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
@ -21,11 +22,14 @@ type Props = {
|
||||||
classes: Object,
|
classes: Object,
|
||||||
children: React$Node,
|
children: React$Node,
|
||||||
controls: React$Node,
|
controls: React$Node,
|
||||||
|
padding?: boolean,
|
||||||
}
|
}
|
||||||
|
|
||||||
const OpenPaper = ({ classes, children, controls }: Props) => (
|
const OpenPaper = ({
|
||||||
|
classes, children, controls, padding = true,
|
||||||
|
}: Props) => (
|
||||||
<Paper className={classes.root} elevation={1}>
|
<Paper className={classes.root} elevation={1}>
|
||||||
<Block className={classes.container}>
|
<Block className={`${classes.container} ${padding ? classes.padding : ''}`}>
|
||||||
{children}
|
{children}
|
||||||
</Block>
|
</Block>
|
||||||
{ controls }
|
{ controls }
|
||||||
|
|
Loading…
Reference in New Issue