fix: Changed css for hiding top nav bar to apply to only login esm

Author: Denzel Kipkemoi

src/login/login.component.tsx

@@ -64,6 +64,12 @@ const Login: React.FC = () => {
       }
     }
   }, [showPasswordField, showPasswordOnSeparateScreen]);
+  useEffect(() => {
+    document.body.classList.add('hide-top-nav');
+    return () => {
+      document.body.classList.remove('hide-top-nav');
+    };
+  }, []);
 
   const continueLogin = useCallback(() => {
     const currentUsername = usernameInputRef.current?.value?.trim();

src/login/login.scss

@@ -3,7 +3,7 @@
 @use '@openmrs/esm-styleguide/src/vars' as *;
 
 /* Hide OpenMRS top nav on login */
-:global(#omrs-top-nav-app-container) {
+:global(.hide-top-nav #omrs-top-nav-app-container) {
   display: none;
   height: 0;
 }
@@ -178,6 +178,8 @@
   display: flex;
   flex-direction: row;
   gap: 10rem;
+  max-width: 100vw;
+  max-height: 100vh;
 }
 
 .image {