fix(height): fast fix to handle hight in safari and firefox

buttons to handle forms aren't visible
Paker30 · Jun 18, 2020 · 0d33021 · 0d33021
1 parent 4208fa3
commit 0d33021
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -29,11 +29,11 @@
         src: url(fonts/AmalfiCoast.ttf)
              format('truetype');
     }
-    .example::-webkit-scrollbar {
+    .body::-webkit-scrollbar {
         display: none;
     }
 </style>
-<body class="example">
+<body class="body">
     <script>
         if ('serviceWorker' in navigator) {
           window.addEventListener('load', function() {
@@ -55,9 +55,8 @@
       <h1>Upss something went wrong :(</h1>
       <h2>It seems your browser has Javascript disabled, enable it and reload please</h2>
     </noscript>
-    <div id="app" style="height: 100vh;"></div>
+    <div id="app" style="height: 100%;"></div>
 
-    <script src="./service-worker.js"></script>
     <script src="./bundle.js"></script>
 </body>
 

diff --git a/src/App.js b/src/App.js
@@ -48,6 +48,7 @@ const DetailArea = Styled.div`
     ${Media.lessThan('medium')`
         margin-bottom: 10px;
         margin-top: 10px;
+        padding-bottom: 100px;
     `}
 `;