Recalculate the height of the content-container if the header is not existed

Author: Gilyoung

src/components/App/App.scss

@@ -14,6 +14,10 @@
         padding: 10px;
       }
     }
+
+    &.remove-header {
+      height: 100vh;
+    }
   }
 
   .custom-toast {

src/components/App/App.tsx

@@ -66,7 +66,10 @@ class App extends React.Component<Props, any> {
                         >
                             {isAuthenticated && isSideMenuOpen && <SideMenu />}
                         </ReactCSSTransitionGroup>
-                        <div className="content-container">
+                        <div
+                            className={`content-container ${!isAuthenticated &&
+                                "remove-header"}`}
+                        >
                             <Switch>
                                 <Route path="/login" component={Login} />
                                 <PrivateRoute