guest login added to signup nd signin

pesto-students · Jan 2, 2023 · 1b295e0 · 1b295e0
1 parent 1157e12
commit 1b295e0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/src/Pages/Login.jsx b/src/Pages/Login.jsx
@@ -177,6 +177,10 @@ const Login = () => {
 						<h1 className="text-[100px] font-[Almendra] font-bold text-[#EED132]">Welcome</h1>
 					</div>
 					<div className="sxl:w-full py-20 md:w-1/2 h-full flex flex-col justify-center items-center">
+						<Link to="/demologin" className="inline-block rounded-lg bg-[#EED132] px-4 py-1.5 text-base font-semibold leading-7 text-black mb-5 mt-10">
+							Guest Login
+						</Link>
+						<h2 className="font-semibold text-2xl text-[#272343] mb-5">OR</h2>
 						<h2 className="font-semibold text-4xl text-[#272343]">Sign In</h2>
 						<form className="w-3/5 h-[75%] flex flex-col justify-center items-center">
 							<div className="w-full border-b-4 border-solid border-b-[#EED132] my-3">
@@ -214,7 +218,7 @@ const Login = () => {
 									loginUser(e);
 								}}
 								type="submit"
-								className="bg-[#EED132] text-black sxl:text-[15px] md:text-[17px] rounded-3xl font-semibold w-3/5 h-[12%] py-2 mt-10"
+								className="bg-[#EED132] text-black sxl:text-[15px] md:text-[17px] rounded-3xl font-semibold w-3/5 h-[100%] py-2 mt-10"
 							>
 								LOGIN
 							</button>

diff --git a/src/Pages/Register.jsx b/src/Pages/Register.jsx
@@ -56,15 +56,19 @@ const Register = () => {
 		}
 	};
 	return (
-		<div className="bg-white w-4/5 h-4/5 absolute top-1/2 left-1/2 translate-y-[-50%] translate-x-[-50%] min-h-[600px] rounded-3xl flex justify-center items-center">
+		<div className="bg-white w-4/5 h-4/5 absolute top-1/2 left-1/2 translate-y-[-50%] translate-x-[-50%] min-h-[700px] rounded-3xl flex justify-center items-center">
 			<div className="sxl:hidden w-1/2 h-full bg-[#677094] rounded-tl-3xl rounded-bl-3xl md:flex flex-col justify-center items-center">
 				<img src={Logo} alt="app logo" className="w-[200px]" />
 				<h1 className="text-[100px] font-[Almendra] font-bold text-[#EED132]">Welcome</h1>
 			</div>
 			<div className="sxl:w-full md:w-1/2 h-full flex flex-col justify-center items-center">
+				<Link to="/demologin" className="inline-block rounded-lg bg-[#EED132] px-4 py-1.5 text-base font-semibold leading-7 text-black mb-5 mt-10">
+					Guest Login
+				</Link>
+				<h2 className="font-semibold text-2xl text-[#272343] mb-5">OR</h2>
 				<h2 className="font-semibold text-4xl text-[#272343]">Sign Up</h2>
 				<form className="w-3/5 h-[75%] flex flex-col justify-center items-center">
-					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-3">
+					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-2">
 						<label htmlFor="firstName" className="font-semibold text-[#272343]">
 							First Name
 						</label>
@@ -78,7 +82,7 @@ const Register = () => {
 							onChange={handleChange("firstName")}
 						/>
 					</div>
-					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-3">
+					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-2">
 						<label htmlFor="email" className="font-semibold text-[#272343]">
 							Email Address
 						</label>
@@ -93,7 +97,7 @@ const Register = () => {
 							onChange={handleChange("email")}
 						/>
 					</div>
-					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-3">
+					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-2">
 						<label htmlFor="companyName" className="font-semibold text-[#272343]">
 							Company Name
 						</label>
@@ -107,7 +111,7 @@ const Register = () => {
 							onChange={handleChange("companyName")}
 						/>
 					</div>
-					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-3">
+					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-2">
 						<label htmlFor="password1" className="font-semibold text-[#272343]">
 							New Password
 						</label>
@@ -122,7 +126,7 @@ const Register = () => {
 							onChange={handleChange("password1")}
 						/>
 					</div>
-					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-3">
+					<div className="w-full border-b-4 border-solid border-b-[#EED132] my-2">
 						<label htmlFor="password2" className="font-semibold text-[#272343]">
 							Confirm Password
 						</label>
@@ -147,7 +151,7 @@ const Register = () => {
 						REGISTER
 					</button>
 				</form>
-				<div className="mt-5 text-sm">
+				<div className="mb-10 mt-5 text-sm">
 					<p>
 						Already registered?&nbsp;
 						<Link className="text-black font-bold" to="/login">