Paper component for Open Safe Stepper process
This commit is contained in:
parent
6edbf338bc
commit
e195055a0c
|
@ -2,19 +2,11 @@
|
|||
import * as React from 'react'
|
||||
import { withStyles } from '@material-ui/core/styles'
|
||||
import Paper from '@material-ui/core/Paper'
|
||||
import Block from '~/components/layout/Block'
|
||||
import { lg } from '~/theme/variables'
|
||||
|
||||
const styles = () => ({
|
||||
root: {
|
||||
padding: lg,
|
||||
margin: '10px',
|
||||
maxWidth: '770px',
|
||||
borderBottomRightRadius: '0px',
|
||||
borderBottomLeftRadius: '0px',
|
||||
},
|
||||
container: {
|
||||
maxWidth: '600px',
|
||||
letterSpacing: '-0.5px',
|
||||
},
|
||||
})
|
||||
|
||||
|
@ -25,9 +17,7 @@ type Props = {
|
|||
|
||||
const OpenPaper = ({ classes, children }: Props) => (
|
||||
<Paper className={classes.root} elevation={1}>
|
||||
<Block className={classes.container}>
|
||||
{children}
|
||||
</Block>
|
||||
</Paper>
|
||||
)
|
||||
|
||||
|
|
Loading…
Reference in New Issue