From ae270bfbd704d453f1a636457feec75b32567268 Mon Sep 17 00:00:00 2001
From: Dunsin <jesudunsinfaiye@gmail.com>
Date: Fri, 23 Dec 2022 17:34:07 +0100
Subject: [PATCH] fix: small height on mobile screen

---
 client/src/App.jsx            | 17 +----------------
 client/src/pages/Settings.jsx |  2 +-
 client/src/pages/Start.jsx    |  1 -
 3 files changed, 2 insertions(+), 18 deletions(-)

diff --git a/client/src/App.jsx b/client/src/App.jsx
index f87057b0..679dbfc0 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -1,4 +1,3 @@
-import { useState, useEffect } from 'react';
 import { Navigate, Route, Routes } from 'react-router-dom';
 
 // Store
@@ -17,23 +16,9 @@ import Settings from 'pages/Settings';
 
 function App() {
     const { isLoggedIn } = useAuth();
-    const [correctViewHeight, setCorrectViewHeight] = useState(
-        window.innerHeight * 0.01
-    );
-
-    // Set height for mobile so it doesn't get hidden in some browsers
-    useEffect(() => {
-        function setNewViewHeight() {
-            setCorrectViewHeight(window.innerHeight * 0.01)
-        }
-
-        window.addEventListener('resize', setNewViewHeight)
-
-        return () => window.removeEventListener('resize', setNewViewHeight)
-    }, []);
 
     return (
-        <div className={`flex flex-col-reverse md:flex-row max-h-[${correctViewHeight}px]`}>
+        <div className={`flex flex-col-reverse md:flex-row h-screen`}>
             {/* TODO: Create layouts */}
             {isLoggedIn && <NavBar />}
             <Routes>
diff --git a/client/src/pages/Settings.jsx b/client/src/pages/Settings.jsx
index 04a2d6af..01836434 100644
--- a/client/src/pages/Settings.jsx
+++ b/client/src/pages/Settings.jsx
@@ -40,7 +40,7 @@ const Searching = () => {
 
     return (
         <div
-            className="md:flex md:justify-center md:items-center flex-col min-w-[calc(100%-120px)] p-2 gap-5 bg-primary md:min-h-screen min-h-full"
+            className="flex justify-center items-center flex-col min-w-[calc(100%-120px)] p-2 gap-5 bg-primary min-h-full"
         >
             <Form onSubmit={handleSubmit} onChange={handleChange}>
                 <Divider className="text-white">Notifications</Divider>
diff --git a/client/src/pages/Start.jsx b/client/src/pages/Start.jsx
index f2c88c2e..788d8344 100644
--- a/client/src/pages/Start.jsx
+++ b/client/src/pages/Start.jsx
@@ -25,7 +25,6 @@ const Start = () => {
                 'min-w-[calc(100%-120px)]',
                 'text-white',
                 'min-h-full',
-                'md:min-h-screen'
             ])}
         >
             <RiUserSearchLine