Merge pull request #276 from davedumto/chore-remove-scroll-on-signin

removed scroll from sign-in page CLOSES #276
Lead-Studios · Mar 6, 2025 · 65f6ba1 · 65f6ba1
2 parents f7839ad + ce3cae7
commit 65f6ba1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/frontend/app/(auth)/layout.tsx b/frontend/app/(auth)/layout.tsx
@@ -7,10 +7,8 @@ interface AuthLayoutProps {
 
 const AuthLayout: React.FC<AuthLayoutProps> = ({ children }) => {
   return (
-    <div className="min-h-screen bg-[#ffffff] flex flex-col">
-      <header className="p-4 flex justify-end">
-      </header>
-      <main className="flex-1 flex items-center justify-center p-4">
+    <div className="h-screen bg-[#ffffff] flex flex-col">
+      <main className="">
         {children}
       </main>
     </div>

diff --git a/frontend/components/SignInForm.jsx b/frontend/components/SignInForm.jsx
@@ -32,7 +32,7 @@ const SignInForm = () => {
   };
 
   return (
-    <div className="w-[498px] bg-[#ffffff] max-w-md mx-auto">
+    <div className="w-[498px] bg-[#ffffff] max-w-md mx-auto ">
       <h1 className="text-[48px] md:text-[48px] text-[#29296E] font-[600] font-roboto text-center mb-10 text-3xl sm:text-4xl">
         Sign In
       </h1>
@@ -136,7 +136,7 @@ const SignInForm = () => {
               <span className="relative bg-white px-4 text-sm">or</span>
             </div>
 
-            <div className="text-center text-base sm:text-lg md:text-[20px] mt-6">
+            <div className="text-center text-base sm:text-lg md:text-[20px] mt-6 ">
               New to Dewordle?
               <Link
                 href="/signup"
@@ -148,7 +148,7 @@ const SignInForm = () => {
           </Form>
         )}
       </Formik>
-      <div className="space-y-4 flex ">
+      <div className="space-y-4 flex mt-[1em]">
         <button
           type="button"
           className="w-full text-[18px] font-[700] h-[59px] flex items-center justify-center gap-2 border border-none rounded-[32px] py-2 px-4 bg-[#F2F2F4] hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-500"