Skip to content

fix: add hover effect to Profile and Logout buttons#464

Open
Dibyajyoti1515 wants to merge 2 commits into
Charushi06:mainfrom
Dibyajyoti1515:fix/profile-logout-hover-effect
Open

fix: add hover effect to Profile and Logout buttons#464
Dibyajyoti1515 wants to merge 2 commits into
Charushi06:mainfrom
Dibyajyoti1515:fix/profile-logout-hover-effect

Conversation

@Dibyajyoti1515
Copy link
Copy Markdown

@Dibyajyoti1515 Dibyajyoti1515 commented May 19, 2026

Related Issue

Closes #436

Summary

Added industry standard hover effects to the Profile and Logout
buttons to improve visual feedback and user experience.

Changes Made

  • Added slow smooth transition (0.4s) on all properties
  • Added border that appears on hover without size change
  • Added shadow effect on hover
  • Added cursor pointer
  • Background inverts to light gray on hover
  • Snap back effect on active/click

Testing

Opened the app locally, hovered over both Profile and Logout
buttons and confirmed all visual effects work correctly without
any layout shift in the header.

Checklist

  • Code follows project style
  • Tested locally
  • No unrelated changes included
  • Documentation updated (if applicable)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

No hover effect on Profile and Logout buttons

1 participant