From f0983f54c7ea863855a0e035e784bf45f1e29c5b Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 21 Jun 2017 22:19:14 +0200
Subject: mobile css

---
 client/components/Modal.jsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

(limited to 'client/components/Modal.jsx')

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>
     )
   }
 }
-
-- 
cgit v1.2.3-70-g09d2

