From 481d21908adec48d960a4f2e9590db0bad32f194 Mon Sep 17 00:00:00 2001
From: Sujeet Gupta <sujeetsair@Sujeets-MacBook-Air.local>
Date: Sun, 27 Oct 2024 23:59:09 +0530
Subject: [PATCH] fixed the LoginPage UI

---
 src/components/Auth/Template.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Auth/Template.jsx b/src/components/Auth/Template.jsx
index 1b0da3e..ce16594 100644
--- a/src/components/Auth/Template.jsx
+++ b/src/components/Auth/Template.jsx
@@ -18,7 +18,7 @@ function Template({ formType }) {
 				{loading ? (
 					<div className="spinner"></div>
 				) : (
-					<div className="mx-auto flex w-11/12 max-w-maxContent flex-col-reverse justify-between gap-y-12 py-12 md:flex-row md:gap-y-0 md:gap-x-12 text-black">
+					<div className="mx-auto flex w-11/12 max-w-maxContent flex-col-reverse justify-between gap-y-12 py-7 md:flex-row-reverse md:gap-y-0 md:gap-x-12 text-black">
 						<div className="mx-auto w-11/12 max-w-[450px] md:mx-0">
 							<h1 className="text-[30px] font-semibold leading-[2.375rem] text-richblack-5">
 								{formType === "signup"?"Signup Page": "Login Page"}
@@ -30,7 +30,7 @@ function Template({ formType }) {
 							</p>
 							{formType === "signup" ? <SignupForm /> : <LoginForm />}
 						</div>
-						<div className="relative mx-auto w-11/12 mt-[50px] max-w-[450px] md:mx-0">
+						<div className="relative mx-auto w-11/12 mt-[50px] max-w-[450px] flex md:mx-0 md:items-center">
 							<img
 								src={formType === "signup" ? SignupImg : LoginImg}
 								alt="Pattern"