aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components')
-rw-r--r--ui/app/components/modal.js7
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,
)