Skip to content

fix : add active state to login and signup form submit buttons #1892

Description

@tmdeveloper007

Summary of What Needs to be Done

The submit buttons and Google login buttons on the Login and Signup pages lack a proper active/pressed state. When clicked, they should visually respond with a press-down transform (e.g., scale-95 or translate-y-[1px]) to indicate the click action.

Changes that Need to be Made

  1. In frontend/src/pages/Login.jsx:
    • Add active:scale-95 and active:translate-y-0 to the Google login button and the email/password submit button classes
  2. In frontend/src/pages/Signup.jsx:
    • Add active:scale-95 and active:translate-y-0 to the Google login button and the email/password submit button classes

Impact that it would Provide

Users will get clear tactile feedback when clicking the primary action buttons, making the auth forms feel more responsive and polished.

Note: Please assign this issue to the tmdeveloper007 account.

Metadata

Metadata

Assignees

No one assigned

    Labels

    backendIssues related to server-side, database logic or APIsfrontendIssues related to UI/UX

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions