mobile css

1 files changed, 14 insertions, 3 deletions

diff --git a/client/components/Modal.jsx b/client/components/Modal.jsx
index 6e7e574..9220e11 100644
--- a/client/components/Modal.jsx
+++ b/client/components/Modal.jsx
@@ -3,12 +3,23 @@ import { Link } from 'react-router-dom'
 
 export default class Modal extends Component {
   render() {
-    const className = this.props.visible ? 'modal visible' : 'modal'
+    if (this.props.visible) {
+      document.body.classList.add("inModal")
+    }
+    else {
+      document.body.classList.remove("inModal")
+    }
+
+    const className = this.props.visible
+      ? 'modal visible'
+      : 'modal'
+    
     return (
       <div class={className}>
-        {this.props.children}
+        <div class='inner'>
+          {this.props.children}
+        </div>
       </div>
     )
   }
 }
-