From e95a64cd2ca1b2758ec4f04f937cd6a12a356047 Mon Sep 17 00:00:00 2001
From: Thanh Quy - wolf <524H0124@student.tdtu.edu.vn>
Date: Tue, 24 Mar 2026 18:24:55 +0700
Subject: [PATCH] Fix placeholder

---
 app/login/page.tsx    | 15 ++++++---------
 app/register/page.tsx | 13 +++++--------
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/app/login/page.tsx b/app/login/page.tsx
index 59ca91b..9324251 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -53,10 +53,7 @@ export default function LoginPage() {
 
   return (
     <div 
-      className="min-h-screen flex items-center justify-center px-4 py-8"
-      style={{
-        background: "var(--color-bg-main)",
-      }}
+      className="min-h-screen flex items-center justify-center px-4 py-8 bg-background"
     >
       {/* Login Form Card */}
       <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-8">
@@ -109,8 +106,8 @@ export default function LoginPage() {
                 }}
                 placeholder="admin / số điện thoại / tên nhân viên"
                 className={`
-                  w-full px-4 lg:pl-11 py-3 rounded-xl border outline-none
-                  bg-white text-(--color-text-primary)
+                  w-full px-10 lg:pl-11 py-3 rounded-xl border outline-none
+                  bg-white text-foreground
                   placeholder:text-(--color-text-muted)
                   focus:border-(--color-primary) focus:ring-2
                   focus:ring-(--color-primary) focus:ring-opacity-20
@@ -144,8 +141,8 @@ export default function LoginPage() {
                 }}
                 placeholder="Nhập mật khẩu"
                 className={`
-                  w-full px-4 lg:pl-11 pr-11 py-3 rounded-xl border outline-none
-                  bg-white text-(--color-text-primary)
+                  w-full px-10 lg:pl-11 pr-11 py-3 rounded-xl border outline-none
+                  bg-white text-foreground
                   placeholder:text-(--color-text-muted)
                   focus:border-(--color-primary) focus:ring-2
                   focus:ring-(--color-primary) focus:ring-opacity-20
@@ -199,7 +196,7 @@ export default function LoginPage() {
         </form>
 
         {/* Demo Credentials Info */}
-        <div className="mt-6 p-4 bg-(--color-bg-main) rounded-lg">
+        <div className="mt-6 p-4 bg-background rounded-lg">
           <p className="text-xs text-(--color-text-muted) mb-2 font-semibold">Tài khoản demo:</p>
           <ul className="text-xs text-(--color-text-muted) space-y-1">
             <li>• Quản lý: <code className="bg-white px-1.5 py-0.5 rounded">admin / admin</code></li>
diff --git a/app/register/page.tsx b/app/register/page.tsx
index 571aa19..d129121 100644
--- a/app/register/page.tsx
+++ b/app/register/page.tsx
@@ -71,10 +71,7 @@ export default function RegisterPage() {
 
   return (
     <div 
-      className="min-h-screen flex items-center justify-center px-4 py-8"
-      style={{
-        background: "var(--color-bg-main)",
-      }}
+      className="min-h-screen flex items-center justify-center px-4 py-8 bg-background"
     >
       {/* Register Form Card */}
       <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-8">
@@ -139,8 +136,8 @@ export default function RegisterPage() {
                   }}
                   placeholder="0987654321"
                   className={`
-                    w-full px-4 lg:pl-11 py-3 rounded-xl border outline-none
-                    bg-white text-(--color-text-primary)
+                    w-full px-10 lg:pl-11 py-3 rounded-xl border outline-none
+                    bg-white text-foreground
                     placeholder:text-(--color-text-muted)
                     focus:border-(--color-primary) focus:ring-2
                     focus:ring-(--color-primary) focus:ring-opacity-20
@@ -219,11 +216,11 @@ export default function RegisterPage() {
                     setOtp(e.target.value);
                     setErrors({ ...errors, otp: "" });
                   }}
-                  placeholder="Nhập mã OTP 6 số"
+                  placeholder="Nhập mã OTP"
                   maxLength={6}
                   className={`
                     w-full px-4 lg:pl-11 py-3 rounded-xl border outline-none
-                    bg-white text-(--color-text-primary) text-center font-mono text-lg tracking-widest
+                    bg-white text-foreground text-center text-lg tracking-widest
                     placeholder:text-(--color-text-muted) placeholder:text-sm placeholder:tracking-normal
                     focus:border-(--color-primary) focus:ring-2
                     focus:ring-(--color-primary) focus:ring-opacity-20