FoodSurf/frontend
1
0
Fork 1
Code Pull Requests Actions Packages Releases 31 Activity

Fix placeholder

Browse Source
This commit is contained in:
Thanh Quy - wolf
2026-03-24 18:24:55 +07:00
parent 6f5c9df81e
commit e95a64cd2c
2 changed files with 11 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/login/page.tsx
+6 -9
View File
@@ -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>
app/register/page.tsx
+5 -8
View File
@@ -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