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 ( return (
<div <div
className="min-h-screen flex items-center justify-center px-4 py-8" className="min-h-screen flex items-center justify-center px-4 py-8 bg-background"
style={{
background: "var(--color-bg-main)",
}}
> >
{/* Login Form Card */} {/* Login Form Card */}
<div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-8"> <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" placeholder="admin / số điện thoại / tên nhân viên"
className={` className={`
w-full px-4 lg:pl-11 py-3 rounded-xl border outline-none w-full px-10 lg:pl-11 py-3 rounded-xl border outline-none
bg-white text-(--color-text-primary) bg-white text-foreground
placeholder:text-(--color-text-muted) placeholder:text-(--color-text-muted)
focus:border-(--color-primary) focus:ring-2 focus:border-(--color-primary) focus:ring-2
focus:ring-(--color-primary) focus:ring-opacity-20 focus:ring-(--color-primary) focus:ring-opacity-20
@@ -144,8 +141,8 @@ export default function LoginPage() {
}} }}
placeholder="Nhập mật khẩu" placeholder="Nhập mật khẩu"
className={` className={`
w-full px-4 lg:pl-11 pr-11 py-3 rounded-xl border outline-none w-full px-10 lg:pl-11 pr-11 py-3 rounded-xl border outline-none
bg-white text-(--color-text-primary) bg-white text-foreground
placeholder:text-(--color-text-muted) placeholder:text-(--color-text-muted)
focus:border-(--color-primary) focus:ring-2 focus:border-(--color-primary) focus:ring-2
focus:ring-(--color-primary) focus:ring-opacity-20 focus:ring-(--color-primary) focus:ring-opacity-20
@@ -199,7 +196,7 @@ export default function LoginPage() {
</form> </form>
{/* Demo Credentials Info */} {/* 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> <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"> <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> <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 ( return (
<div <div
className="min-h-screen flex items-center justify-center px-4 py-8" className="min-h-screen flex items-center justify-center px-4 py-8 bg-background"
style={{
background: "var(--color-bg-main)",
}}
> >
{/* Register Form Card */} {/* Register Form Card */}
<div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-8"> <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" placeholder="0987654321"
className={` className={`
w-full px-4 lg:pl-11 py-3 rounded-xl border outline-none w-full px-10 lg:pl-11 py-3 rounded-xl border outline-none
bg-white text-(--color-text-primary) bg-white text-foreground
placeholder:text-(--color-text-muted) placeholder:text-(--color-text-muted)
focus:border-(--color-primary) focus:ring-2 focus:border-(--color-primary) focus:ring-2
focus:ring-(--color-primary) focus:ring-opacity-20 focus:ring-(--color-primary) focus:ring-opacity-20
@@ -219,11 +216,11 @@ export default function RegisterPage() {
setOtp(e.target.value); setOtp(e.target.value);
setErrors({ ...errors, otp: "" }); setErrors({ ...errors, otp: "" });
}} }}
placeholder="Nhập mã OTP 6 số" placeholder="Nhập mã OTP"
maxLength={6} maxLength={6}
className={` className={`
w-full px-4 lg:pl-11 py-3 rounded-xl border outline-none 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 placeholder:text-(--color-text-muted) placeholder:text-sm placeholder:tracking-normal
focus:border-(--color-primary) focus:ring-2 focus:border-(--color-primary) focus:ring-2
focus:ring-(--color-primary) focus:ring-opacity-20 focus:ring-(--color-primary) focus:ring-opacity-20