diff --git a/src/components2/AdminLogin2/AdminLogin4.jsx b/src/components2/AdminLogin2/AdminLogin4.jsx index 37f838208182f1e1208c9e83f5814cb3df7c5fd5..1d808cd026d61d49e020c77dec31542016950e91 100644 --- a/src/components2/AdminLogin2/AdminLogin4.jsx +++ b/src/components2/AdminLogin2/AdminLogin4.jsx @@ -53,7 +53,7 @@ export default function AdminLogin() { OMPOI - Admin </h1> - <div className="bg-[#2E2E2E] p-6 rounded-[32.6px] shadow-lg w-[90%] h-[90%] flex flex-col md:flex-row py-12"> + <div className="bg-[#2E2E2E] p-6 rounded-[32.6px] shadow-lg w-[90%] h-[85%] flex flex-col md:flex-row py-12"> <div className="hidden md:flex w-1/2 items-center justify-center p-4 min-w-[300px]"> <img src={loginImage} alt="Login" className="w-[80%] lg:w-[80%] xl:w-[80%]" /> </div> @@ -62,12 +62,12 @@ export default function AdminLogin() { <div className="w-[1px] bg-[#7DEBD9] hidden md:block"></div> <div className="w-full md:w-1/2 flex flex-col items-center justify-start p-6 text-[#6FE7D1] mt-12"> - <h2 className="text-3xl md:text-3xl font-font-primary font-semibold text-[7DEBD9] mb-12"> + <h2 className="text-4xl md:text-3xl font-font-primary font-semibold text-[7DEBD9] mb-11 md:mb-15"> Admin Login </h2> <form onSubmit={handleSubmit} className="w-full max-w-md"> - <div className="relative w-full mb-10"> + <div className="relative w-full mb-8"> <div className={`relative border-2 rounded-lg border-[#6FE7D1] bg-transparent ${error.email ? "border-[#EEAB4D]" : ""}`}> <label className={`absolute -top-3 left-4 px-2 bg-[#2E2E2E] border border-[#6FE7D1] rounded-md text-sm font-font-primary font-medium ${error.email ? "border-[#EEAB4D] text-[#EEAB4D]" : "text-[#6FE7D1]"}`} @@ -139,7 +139,7 @@ export default function AdminLogin() { <div className="mt-8 flex justify-center"> <button type="submit" - className="w-48 h-14 text-[#263238] font-bold rounded-full bg-[#6FE7D1] shadow-md hover:bg-[#5CC4AE] transition text-lg font-font-primary font-extrabold"> + className="w-[100%] md:w-48 h-14 text-[#263238] font-bold rounded-full bg-[#6FE7D1] shadow-md hover:bg-[#5CC4AE] transition text-lg font-font-primary font-extrabold"> Sign In </button> </div>