Fix: Explicitly set input and placeholder colors to ensure visibility across all login screens

This commit is contained in:
mstfyldz
2026-03-12 23:47:37 +03:00
parent 252d18bec6
commit a2b88c3df5
2 changed files with 3 additions and 3 deletions

View File

@@ -60,7 +60,7 @@ export default function LoginPage() {
value={email} value={email}
onChange={(e) => setEmail(e.target.value)} onChange={(e) => setEmail(e.target.value)}
placeholder="admin@p2cgateway.com" placeholder="admin@p2cgateway.com"
className="w-full pl-14 pr-6 py-4 bg-gray-50 border-none rounded-2xl text-sm font-medium focus:ring-2 focus:ring-blue-500 outline-none" className="w-full pl-14 pr-6 py-4 bg-gray-50 border-none rounded-2xl text-sm font-black text-gray-900 focus:ring-2 focus:ring-blue-500 outline-none placeholder:text-gray-300"
/> />
</div> </div>
</div> </div>
@@ -75,7 +75,7 @@ export default function LoginPage() {
value={password} value={password}
onChange={(e) => setPassword(e.target.value)} onChange={(e) => setPassword(e.target.value)}
placeholder="••••••••" placeholder="••••••••"
className="w-full pl-14 pr-6 py-4 bg-gray-50 border-none rounded-2xl text-sm font-medium focus:ring-2 focus:ring-blue-500 outline-none" className="w-full pl-14 pr-6 py-4 bg-gray-50 border-none rounded-2xl text-sm font-black text-gray-900 focus:ring-2 focus:ring-blue-500 outline-none placeholder:text-gray-300"
/> />
</div> </div>
</div> </div>

View File

@@ -67,7 +67,7 @@ export default function MerchantLoginPage() {
value={apiKey} value={apiKey}
onChange={(e) => setApiKey(e.target.value)} onChange={(e) => setApiKey(e.target.value)}
placeholder="••••••••••••••••" placeholder="••••••••••••••••"
className="w-full pl-14 pr-6 py-4 bg-gray-50 border-2 border-transparent focus:border-blue-500 focus:bg-white rounded-[24px] outline-none transition-all font-mono font-bold text-gray-900" className="w-full pl-14 pr-6 py-4 bg-gray-50 border-2 border-transparent focus:border-blue-500 focus:bg-white rounded-[24px] outline-none transition-all font-mono font-black text-gray-900 placeholder:text-gray-300"
/> />
</div> </div>
{error && <p className="text-[10px] text-red-500 font-black uppercase tracking-widest pl-2">{error}</p>} {error && <p className="text-[10px] text-red-500 font-black uppercase tracking-widest pl-2">{error}</p>}