status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Styling Modal custom component

This commit is contained in:
apanizo 2018-10-23 10:04:18 +02:00
parent 10ffef27d5
commit ebcfb2b30b
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Modal/index.jsx
View File

@ -12,7 +12,7 @@ type Props = {
classes: Object, classes: Object,
} }
const styles = theme => ({ const styles = () => ({
root: { root: {
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
@ -20,10 +20,15 @@ const styles = theme => ({
}, },
paper: { paper: {
position: 'absolute', position: 'absolute',
width: theme.spacing.unit * 50, top: '120px',
backgroundColor: theme.palette.background.paper, width: '500px',
boxShadow: theme.shadows[5], height: '530px',
padding: theme.spacing.unit * 4, borderRadius: '3px',
backgroundColor: '#ffffff',
boxShadow: '0 0 5px 0 rgba(74, 85, 121, 0.5)',
'&:focus': {
outline: 'none',
},
}, },
}) })