Merge pull request #354 from itsAakashz/SignUpOrganization-issue-15

Some new changes for better user experience #15
hngprojects · Jul 22, 2024 · 69f3dd1 · 69f3dd1
2 parents eee69f9 + 14526f3
commit 69f3dd1
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/app/routes/OrganizationSignUpPage.tsx b/app/routes/OrganizationSignUpPage.tsx
@@ -3,8 +3,6 @@ import { Form, Link, useActionData } from "@remix-run/react";
 import { useState } from "react";
 
 import { Button } from "~/components/ui/button";
-import Footer from "~/components/ui/footer";
-import Head from "~/components/ui/header";
 import { Input } from "~/components/ui/input";
 import { Label } from "~/components/ui/label";
 
@@ -129,18 +127,17 @@ export default function Signup() {
 
   return (
     <>
-      <Head />
-      <div className="mb-[190px] flex items-center justify-center lg:mb-[400px]">
-        <div className="max-w-mid mx-[25px] mt-[80px] h-[1010px] w-[342px] w-full gap-[24px] bg-white lg:m-3 lg:mt-[208px] lg:h-[836px] lg:w-[820px]">
-          <h1 className="text-[#141414]-600 mb-6 hidden text-center text-[13px] lg:block lg:text-[32px]">
+      <div className="flex items-center justify-center bg-white">
+        <div className="max-w-mid mx-[25px] mb-[50px] mt-[80px] h-[1010px] w-[342px] w-full gap-[24px] lg:m-3 lg:mb-[250px] lg:mt-[110px] lg:h-[836px] lg:w-[820px]">
+          <h1 className="text-[#141414]-600 mb-6 hidden text-center text-[13px] font-bold lg:block lg:text-[32px]">
             Create Organisation Account
           </h1>
           <h1 className="text-[24px] font-bold lg:hidden">Sign up</h1>
           <p className="text-[#525252]-400 text-[13px] lg:text-center lg:text-[20px]">
             Create an account to get started with us.
           </p>
           <Form method="post" className="gap-[24px]" onSubmit={handleSubmit}>
-            <div className="mb-4">
+            <div className="mb-4 p-2">
               <Label
                 htmlFor="company_name"
                 className="text-[#0A0A0A]-400 block text-[13px] lg:text-[20px]"
@@ -372,7 +369,6 @@ export default function Signup() {
           </Form>
         </div>
       </div>
-      <Footer />
     </>
   );
 }