fix: page layouts

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

src/renderer/App.tsx

@@ -47,7 +47,7 @@ export const App = () => {
       <BaseStyles>
         <AppProvider>
           <Router>
-            <div className="flex h-full overflow-x-hidden overflow-y-auto flex-col pl-10 bg-gitify-background">
+            <div className="flex h-screen overflow-x-hidden overflow-y-auto flex-col pl-10 bg-gitify-background">
               <Loading />
               <Sidebar />
               <Routes>

src/renderer/components/__snapshots__/AllRead.test.tsx.snap

@@ -16,7 +16,7 @@ export const Centered: FC<ICentered> = ({
       align="center"
       justify="center"
       padding="spacious"
-      className={fullHeight && 'min-h-screen'}
+      className={fullHeight && 'h-full'}
     >
       {props.children}
     </Stack>

src/renderer/components/__snapshots__/Oops.test.tsx.snap

@@ -7,7 +7,7 @@ interface IPage {
 
 export const Page: FC<IPage> = (props: IPage) => {
   return (
-    <div className="flex flex-col h-screen" data-testid={props.id}>
+    <div className="flex flex-col h-full" data-testid={props.id}>
       {props.children}
     </div>
   );

src/renderer/components/layout/Centered.tsx

@@ -67,7 +67,7 @@ export const LoginWithOAuthAppRoute: FC = () => {
 
     return (
       <Page id="Login With OAuth App">
-        <form onSubmit={handleSubmit}>
+        <form onSubmit={handleSubmit} className="-mt-5">
           <FieldInput
             name="hostname"
             label="Hostname"