From 8932ed06bba58d6ff3306b296ae8f7f29423c34d Mon Sep 17 00:00:00 2001
From: Muba006 <mubamuzeen0876@gmail.com>
Date: Fri, 14 Mar 2025 09:06:11 +0530
Subject: [PATCH] some changes and alignment
---
src/pages/seller_login.jsx | 14 +++++++-------
1 file changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/pages/seller_login.jsx b/src/pages/seller_login.jsx
index cb33c18..6ef6c58 100644
--- a/src/pages/seller_login.jsx
+++ b/src/pages/seller_login.jsx
@@ -39,21 +39,21 @@ function Seller_login() {
};
return (
- <div className="flex flex-col items-center min-h-screen bg-blue-50 p-4 font-montserrat">
+ <div className="flex flex-col items-center min-h-screen bg-[#E9FAFF] p-4 font-montserrat">
{/* Header */}
<div className="w-full text-left max-w-6xl px-2 md:px-0 mb-6 mt-6">
<h1 className="text-[48.31px] font-[700px] text-[#030A1E] self-start">OMPOI - Seller</h1>
</div>
- <div className="flex flex-col md:flex-row items-center justify-center w-full max-w-6xl bg-white p-15 rounded-[32.6px] shadow-lg">
+ <div className="flex flex-col md:flex-row items-center justify-center w-full max-w-6xl bg-[#FFFFFF] p-2 rounded-[32.6px] shadow-lg">
{/* Left Section - Image */}
<div className="w-full md:w-1/2 flex justify-center md:pr-8 relative">
- <img src={key} alt="Login Illustration" className="max-w-xs md:max-w-sm p-10" />
- <div className="hidden md:block absolute right-0 top-0 bottom-0 w-[1px] bg-gray-300"></div>
+ <img src={key} alt="Login Illustration" className="max-w-xs md:max-w-sm p-2" />
+ <div className="hidden md:block absolute right-0 top-[10px] bottom-0 w-[1px] h-[360px] bg-[#E2E7EE] "></div>
</div>
{/* Right Section - Login Form */}
- <div className="w-full md:w-1/2 flex flex-col items-center md:pl-8 mt-6 md:mt-0">
+ <div className="w-full md:w-1/2 flex flex-col items-center md:pl-8 mt-6 md:mt-7 p-11">
<h2 className="text-2xl font-semibold mb-10 self-center">Login</h2>
<form className="w-full max-w-sm">
@@ -97,7 +97,7 @@ function Seller_login() {
type={showPassword ? "text" : "password"}
id="password"
className={`w-full p-2 md:p-3 border border-[#C4CFDE] rounded-[12px] mt-[-10px] text-[10px] md:text-[18px] focus:outline-none ${
- passwordError ? "border-red-500" : "border-green-500 "
+ passwordError ? "border-red-500" : "border-green-500 "
}`}
required
placeholder="Enter your password"
@@ -118,7 +118,7 @@ function Seller_login() {
<p className="text-yellow-500">Create an Account</p>
</div>
<div className="flex justify-center items-center">
- <button className="w-52 px-10 bg-yellow-500 text-[#020617] py-3.5 rounded-[32.6px] mb-8 mt-8 font-semibold">
+ <button className="w-52 px-10 bg-yellow-500 text-[#020617] py-3.5 rounded-[32.6px] mb-5 mt-2 font-semibold">
Sign in
</button>
</div>
--
GitLab