diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-09 09:48:32 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-09 09:51:06 +0800 |
| commit | 67213e75830bf36bd9f4d83ca75eec992786a2c9 (patch) | |
| tree | 602e8b4b61f380dd8e0563e14053ba09fd95cec1 /ui/app/components | |
| parent | bdf5436c2d26304b226734e4295ee319ed67b954 (diff) | |
| download | tangerine-wallet-browser-67213e75830bf36bd9f4d83ca75eec992786a2c9.tar.gz tangerine-wallet-browser-67213e75830bf36bd9f4d83ca75eec992786a2c9.tar.zst tangerine-wallet-browser-67213e75830bf36bd9f4d83ca75eec992786a2c9.zip | |
Add backdrop styles and box shadow to new global modal defaults
Diffstat (limited to 'ui/app/components')
| -rw-r--r-- | ui/app/components/modal.js | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/ui/app/components/modal.js b/ui/app/components/modal.js index 8bac866a8..89de1cedb 100644 --- a/ui/app/components/modal.js +++ b/ui/app/components/modal.js @@ -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, ) |