From 6b574dbf4b37309ee2754f6ca9998c3200c35fc9 Mon Sep 17 00:00:00 2001 From: Arya Pratap Singh Date: Sat, 8 Feb 2025 16:24:51 +0530 Subject: [PATCH] fix: text color glitch in forgot password route Signed-off-by: Arya Pratap Singh --- front-end/src/components/ForgotPassword.jsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/front-end/src/components/ForgotPassword.jsx b/front-end/src/components/ForgotPassword.jsx index 93b4f1a9..f7304b74 100644 --- a/front-end/src/components/ForgotPassword.jsx +++ b/front-end/src/components/ForgotPassword.jsx @@ -115,7 +115,7 @@ const ForgotPassword = ({ theme }) => { value={email} onChange={(e) => setEmail(e.target.value)} placeholder="Email address" - className={`appearance-none rounded-lg relative block w-full px-3 py-2 border ${theme === 'dark' ? 'bg-gray-700 border-gray-600' : 'border-gray-300' + className={`appearance-none rounded-lg relative block w-full px-3 py-2 border ${theme === 'dark' ? 'bg-gray-700 border-gray-600 text-white' : 'border-gray-300' } placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm`} disabled={showOtpForm} /> @@ -127,7 +127,7 @@ const ForgotPassword = ({ theme }) => { value={otp} onChange={(e) => setOtp(e.target.value)} placeholder="Enter OTP" - className={`appearance-none rounded-lg relative block w-full px-3 py-2 border ${theme === 'dark' ? 'bg-gray-700 border-gray-600' : 'border-gray-300' + className={`appearance-none rounded-lg relative block w-full px-3 py-2 border ${theme === 'dark' ? 'bg-gray-700 border-gray-600 text-white' : 'border-gray-300' } placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm`} /> { value={newPassword} onChange={(e) => setNewPassword(e.target.value)} placeholder="New Password" - className={`appearance-none rounded-lg relative block w-full px-3 py-2 border ${theme === 'dark' ? 'bg-gray-700 border-gray-600' : 'border-gray-300' + className={`appearance-none rounded-lg relative block w-full px-3 py-2 border ${theme === 'dark' ? 'bg-gray-700 border-gray-600 text-white' : 'border-gray-300' } placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm`} /> { value={confirmPassword} onChange={(e) => setConfirmPassword(e.target.value)} placeholder="Confirm New Password" - className={`appearance-none rounded-lg relative block w-full px-3 py-2 border ${theme === 'dark' ? 'bg-gray-700 border-gray-600' : 'border-gray-300' + className={`appearance-none rounded-lg relative block w-full px-3 py-2 border ${theme === 'dark' ? 'bg-gray-700 border-gray-600 text-white' : 'border-gray-300' } placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm`} />