From b149b2af9b0e01aa70bed211ce7b5a07cbdc31f7 Mon Sep 17 00:00:00 2001
From: amantaphelix <amantaphelix@gmail.com>
Date: Mon, 15 Jul 2024 17:54:58 +0530
Subject: [PATCH] Refactored the SignUp component

---
 public/index.html    |  2 +-
 src/pages/Signup.jsx | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/public/index.html b/public/index.html
index 8903439..d0539c2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,7 +23,7 @@
     <meta name="author" content="Vansh Waldeo" />
     <meta name="robots" content="index, follow" />
     <meta name="googlebot" content="index, follow" />
-    <meta name="bingbot" content="index, follow" />\
+    <meta name="bingbot" content="index, follow" />
 
      <!-- Open Graph -->
     <meta property="og:type" content="website" />
diff --git a/src/pages/Signup.jsx b/src/pages/Signup.jsx
index 69dcb57..ac2f31e 100644
--- a/src/pages/Signup.jsx
+++ b/src/pages/Signup.jsx
@@ -100,8 +100,8 @@ function Signup() {
   
 
   return (
-    <div className="h-screen md:flex">
-      <div className="relative overflow-hidden md:flex w-1/2 bg-gradient-to-t from-blue-950 via-blue-950 to-gray-900 bg-no-repeat justify-around items-center hidden">
+    <div className="min-h-screen flex flex-col md:flex-row overflow-y-auto">
+      <div className="md:flex w-full md:w-1/2 bg-gradient-to-t from-blue-950 via-blue-950 to-gray-900 bg-no-repeat justify-around items-center hidden">
         <div>
           <img src={logo} alt="logo" className="w-48 h-12 mb-2" />
           <p className="text-white mt-1 ml-3">Connecting You to Your College Canteens</p>
@@ -112,8 +112,8 @@ function Signup() {
         <div className="absolute -top-20 -right-20 w-80 h-80 border-4 rounded-full border-opacity-30 border-t-8"></div>
       </div>
 
-      <div className="flex md:w-1/2 justify-center py-10 items-center bg-white">
-        <form className="bg-white p-8 rounded shadow-lg w-80" onSubmit={submitHandler}>
+      <div className="flex md:w-1/2 justify-center items-center bg-white pt-16">
+        <form className="bg-white p-8 rounded shadow-lg w-full max-w-md pt-10" onSubmit={submitHandler}>
           <h1 className="text-gray-800 font-bold text-2xl mb-1">
             Hello There!
           </h1>
@@ -217,13 +217,13 @@ function Signup() {
           >
             {loading ? "Loading..." : "Sign Up"}
           </button>
-
+          <div className="flex justify-center">
           <Link to="/login">
             <span className="text-sm ml-2 hover:text-blue-500 cursor-pointer">
               Already have an account? Login
             </span>
           </Link>
-
+          </div>
           <main className='tracker-box text-sm font-normal text-red-600'>
             <div className={lowerValidated ? 'validated text-green-600' : 'not-validated'}>
               <span className='list-icon'>
@@ -286,4 +286,4 @@ function Signup() {
   );
 }
 
-export default Signup;
+export default Signup;
\ No newline at end of file