chore: updates

package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "dependencies": {
     "core-js": "^3.6.5",
-    "css-loader": "3.5.2",
+    "css-loader": "3.5.3",
     "dotenv": "8.2.0",
     "dotenv-expand": "5.1.0",
     "file-loader": "6.0.0",
@@ -19,15 +19,15 @@
     "react-router": "^5.1.2",
     "react-router-dom": "^5.1.2",
     "resolve-url-loader": "3.1.1",
-    "style-loader": "1.1.4",
+    "style-loader": "1.2.0",
     "styled-components": "^5.1.0",
     "styled-reset": "^4.1.4",
-    "terser-webpack-plugin": "2.3.5",
+    "terser-webpack-plugin": "2.3.6",
     "url-loader": "4.1.0",
     "webpack": "4.43.0",
     "webpack-dev-server": "3.10.3",
     "webpack-manifest-plugin": "2.2.0",
-    "workbox-webpack-plugin": "5.1.2"
+    "workbox-webpack-plugin": "5.1.3"
   },
   "devDependencies": {
     "@babel/core": "^7.9.0",

src/Global.style.js

@@ -16,15 +16,17 @@ const GlobalStyle = createGlobalStyle`
     -moz-osx-font-smoothing: grayscale;
     font-family:"Fangzheng ZY", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";
   }
-  body{
+  html,body{
     -webkit-overflow-scrolling: touch;
     overflow:scroll;
     margin:0 auto;
-    min-height:100vh;
     position: relative;
+    min-height: 100%;
+    min-height: -moz-available;
+    min-height: -webkit-fill-available;
+    min-height: fill-available;
   }
   #root{
-    min-height:100vh;
     background-image:linear-gradient(135deg, rgb(96, 108, 136) 0%, rgb(63, 76, 107) 100%);
   }
 

src/index.js

@@ -8,13 +8,13 @@ import * as serviceWorker from './serviceWorker';
 if (module && module.hot) {
   module.hot.accept();
 }
-const Main = (
+ReactDOM.render(
   <>
     <GlobalStyle />
     <App />
-  </>
+  </>,
+  document.getElementById('root')
 );
-ReactDOM.render(<Main />, document.getElementById('root'));
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.