Admin-panel

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>