BUG: scroll bar issue (#386)

fix #339: - removed padding-bottom from layout.tsx file. Login and Sign-Up pages are now flush.
LetsGetTechnical · Jul 15, 2024 · 6f9356a · 6f9356a
1 parent af844dd
commit 6f9356a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -32,7 +32,7 @@ const RootLayout = ({
 }): JSX.Element => {
   return (
     <html lang="en" className={GeistSans.className}>
-      <body className="dark:dark bg-background px-4 pb-8 text-foreground">
+      <body className="dark:dark bg-background pb-8 px-4 text-foreground xl:pb-0">
         <ErrorBoundary>
           <AuthContextProvider>
             <Nav />

diff --git a/app/login/page.tsx b/app/login/page.tsx
@@ -72,7 +72,7 @@ const Login = (): JSX.Element => {
   };
 
   return (
-    <section className="grid grid-rows-3 xl:grid-cols-2 xl:grid-rows-none">
+    <section className="grid xl:grid-cols-2 xl:grid-rows-none">
       <div className="row-span-1 grid w-full place-items-center from-[#4E160E] to-zinc-950 dark:bg-gradient-to-b xl:h-screen xl:bg-gradient-to-b">
         <Logo className="mx-auto w-52 xl:w-64 xl:place-self-end" src={logo} />
         <div className="mx-auto grid gap-4 place-self-end px-8 pb-8 text-foreground text-white">