Project

General

Profile

BUG #4167

Updated by Nazmul Hossain Shovon about 2 months ago

**Issue Description**   
 On the **Admin Profile Sign In** page in the **staging environment**, after entering **invalid credentials** and clicking the **Sign In** button, the **input field border hover effect** and the **associated alert/error text messages** are displayed in **red**.   
 However, according to the **Lovable design**, these error and hover states should appear in a **yellowish color**, resulting in a visual inconsistency between design and implementation. 

 **Module / Page**   
 Admin Profile → Sign In 

 **Module Section**   
 Input Field Validation / Error State Styling 

 **Screen Size**   
 Desktop 

 **Tested By**   
 Tasfia Zaima 

 --- 

 #### Steps to Reproduce 
 1. Navigate to the **Admin Profile Sign In** page. 
 2. Enter **invalid email and password** credentials. 
 3. Click the **Sign In** button. 
 4. Observe the **input field border hover effect** and **alert/error text color**. 
 5. Compare the behavior with the **Lovable design**. 

 **Expected Result**   
 After entering invalid credentials, the **input field border hover effect** and **associated alert messages** should appear in a **yellowish color**, as specified in the Lovable design. 

 **Actual Result**   
 The **input field borders** and **alert/error text messages** appear in **red** in the staging environment. 

 **Attachments**   
 [PoC](https://drive.google.com/file/d/1phK53hRYkTg9v0IPPEaXhZEbnS_0gPiz/view) 

 **Types of Issue**   
 UI Issue 

 --- 

 **Root Cause:**   
 mismatch with lovable 

   


 **Impacted Area:**   
 signin page

Back