From 8a5fd7cdb54e5a5c24c72ceb782bfa375df4cea0 Mon Sep 17 00:00:00 2001
From: jaswanthshakthi <jaswanthshakthi@gmail.com>
Date: Sun, 16 Mar 2025 07:58:39 +0530
Subject: [PATCH] some changes
---
src/App.jsx | 4 +-
.../{AdminLogin2.jsx => AdminLogin4.jsx} | 37 +++++++++----------
src/index.css | 9 ++++-
3 files changed, 27 insertions(+), 23 deletions(-)
rename src/components2/AdminLogin2/{AdminLogin2.jsx => AdminLogin4.jsx} (87%)
diff --git a/src/App.jsx b/src/App.jsx
index b4ecd9d..de27383 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -3,13 +3,13 @@ import { useState } from 'react'
//import viteLogo from '/vite.svg'
//import './App.css'
//import AdminLogin2 from './components2/AdminLogin2/AdminLogin2'
-import AdminLogin2 from './components2/AdminLogin2/AdminLogin2'
+import AdminLogin4 from './components2/AdminLogin2/AdminLogin4'
function App() {
const [count, setCount] = useState(0)
return (
<div>
- <AdminLogin2 />
+ <AdminLogin4 />
</div>
)
}
diff --git a/src/components2/AdminLogin2/AdminLogin2.jsx b/src/components2/AdminLogin2/AdminLogin4.jsx
similarity index 87%
rename from src/components2/AdminLogin2/AdminLogin2.jsx
rename to src/components2/AdminLogin2/AdminLogin4.jsx
index ed5f394..1558e51 100644
--- a/src/components2/AdminLogin2/AdminLogin2.jsx
+++ b/src/components2/AdminLogin2/AdminLogin4.jsx
@@ -45,17 +45,17 @@ export default function AdminLogin() {
<img src={loginImage} alt="Login" className="w-[80%] lg:w-[80%] xl:w-[80%]" />
</div>
+
<div className="w-[1px] bg-gray-600 hidden md:block"></div>
- <div className="w-full md:w-1/2 flex flex-col items-center justify-center p-6 text-[#6FE7D1]">
- <h2 className="text-4xl md:text-5xl font-font-primary font-semibold text-[#6FE7D1] mb-6">
+ <div className="w-full md:w-1/2 flex flex-col items-center justify-start p-6 text-[#6FE7D1]">
+ <h2 className="text-3xl md:text-3xl font-font-primary font-semibold text-[#6FE7D1] mb-6">
Admin Login
</h2>
+
-
-
- <form onSubmit={handleSubmit} className="w-full max-w-md">
- <div className="relative mt-4">
+ <form onSubmit={handleSubmit} className="w- max-w-md">
+ <div className="relative mt-6">
<label className={`absolute -top-3 left-4 px-2 bg-[#1E1E1E] border rounded-md text-sm font-font-primary font-medium
${error.adminId ? "border-[#EEAB4D] text-[#EEAB4D]" : "border-[#6FE7D1] text-[#6FE7D1]"}`}>
Admin ID
@@ -65,7 +65,7 @@ export default function AdminLogin() {
value={adminId}
onChange={(e) => setAdminId(e.target.value)}
placeholder="Enter ID"
- className={`w-full h-14 px-4 pr-10 border-2 rounded-lg bg-transparent text-white text-lg shadow-sm focus:outline-none font-font-primary
+ className={`w-96 h-16 px-6 pr-10 border-2 rounded-lg bg-transparent text-white text-lg shadow-sm focus:outline-none font-font-primary
${error.adminId ? "border-[#EEAB4D] text-[#EEAB4D]" : "border-[#6FE7D1] text-white"}`}
/>
<FiMail
@@ -73,8 +73,7 @@ export default function AdminLogin() {
style={{ color: error.adminId ? "#EEAB4D" : "#6FE7D1" }}
/>
</div>
-
- <div className="relative mt-8">
+ <div className="relative mt-12">
<label className={`absolute -top-3 left-4 px-2 bg-[#1E1E1E] border rounded-md text-sm font-font-primary font-medium
${error.password ? "border-[#EEAB4D] text-[#EEAB4D]" : "border-[#6FE7D1] text-[#6FE7D1]"}`}>
Password
@@ -84,7 +83,7 @@ export default function AdminLogin() {
value={password}
onChange={(e) => setPassword(e.target.value)}
placeholder="Enter your password"
- className={`w-full h-14 px-4 pr-10 border-2 rounded-lg bg-transparent text-white text-lg shadow-sm focus:outline-none font-font-primary
+ className={`appearance-none w-full h-14 px-4 pr-10 border-2 rounded-lg bg-transparent text-white text-lg shadow-sm focus:outline-none font-font-primary
${error.password ? "border-[#EEAB4D] text-[#EEAB4D]" : "border-[#6FE7D1] text-white"}`}
/>
{showPassword ? (
@@ -101,8 +100,7 @@ export default function AdminLogin() {
/>
)}
</div>
-
- <div className="flex justify-between items-center mt-4">
+ <div className="flex justify-between items-center mt-6">
<a href="#" className="text-[#6FE7D1] hover:underline text-sm font-font-primary font-semibold">
Forgot Password?
</a>
@@ -112,17 +110,16 @@ export default function AdminLogin() {
</span>
)}
</div>
-
- <div className="mt-6 flex justify-center">
+ <div className="mt-12 flex justify-center">
<button
type="submit"
className="w-48 h-14 text-black font-semibold rounded-full bg-[#6FE7D1] shadow-md hover:bg-[#5CC4AE] transition text-lg font-font-primary font-extrabold">
Sign In
</button>
</div>
- </form>
- </div>
- </div>
- </div>
- );
-}
+ </form>
+ </div>
+
+</div>
+</div>
+ )};
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 9e62787..c14e665 100644
--- a/src/index.css
+++ b/src/index.css
@@ -12,4 +12,11 @@
--ease-fluid: cubic-bezier(0.3, 0, 0, 1);
--ease-snappy: cubic-bezier(0.2, 0, 0, 1);
/* ... */
- }
\ No newline at end of file
+ }
+/* Remove Edge's password reveal (eye) icon */
+input[type="password"]::-ms-reveal,
+input[type="password"]::-ms-clear {
+ display: none;
+ width: 0;
+ height: 0;
+}
--
GitLab