m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Add backdrop styles and box shadow to new global modal defaults

Browse Source
This commit is contained in:
sdtsui 2017-08-08 18:48:32 -07:00
parent bdf5436c2d
commit 67213e7583
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/app/components/modal.js
View File

@ -29,11 +29,17 @@ module.exports = connect(mapStateToProps, mapDispatchToProps)(Modal)
const mobileModalStyles = { const mobileModalStyles = {
width: '95%', width: '95%',
boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
} }
const laptopModalStyles = { const laptopModalStyles = {
width: '66%', width: '66%',
top: '30%', 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 () { Modal.prototype.render = function () {
@ -47,6 +53,7 @@ Modal.prototype.render = function () {
this.modalRef = ref this.modalRef = ref
}, },
modalStyle: isMobileView() ? mobileModalStyles : laptopModalStyles, modalStyle: isMobileView() ? mobileModalStyles : laptopModalStyles,
backdropStyle: backdropStyles,
}, },
this.props.children, this.props.children,
) )