mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
Add backdrop styles and box shadow to new global modal defaults
This commit is contained in:
parent
bdf5436c2d
commit
67213e7583
@ -29,11 +29,17 @@ module.exports = connect(mapStateToProps, mapDispatchToProps)(Modal)
|
||||
|
||||
const mobileModalStyles = {
|
||||
width: '95%',
|
||||
boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
|
||||
}
|
||||
|
||||
const laptopModalStyles = {
|
||||
width: '66%',
|
||||
top: '30%',
|
||||
boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
|
||||
}
|
||||
|
||||
const backdropStyles = {
|
||||
backgroundColor: 'rgba(245, 245, 245, 0.85)',
|
||||
}
|
||||
|
||||
Modal.prototype.render = function () {
|
||||
@ -47,6 +53,7 @@ Modal.prototype.render = function () {
|
||||
this.modalRef = ref
|
||||
},
|
||||
modalStyle: isMobileView() ? mobileModalStyles : laptopModalStyles,
|
||||
backdropStyle: backdropStyles,
|
||||
},
|
||||
this.props.children,
|
||||
)
|
||||
|
Loading…
Reference in New Issue
Block a user