Skip to content

Conversation

@fyzanshaik
Copy link
Contributor

Enhanced Library Card Hover Effects

Improves the homepage library cards with better hover animations and fixes badge visibility.

Changes

  • Enhanced hover: Cards lift with colored glow effects matching each library's theme
  • Fixed badge visibility: Badges (RC, ALPHA, BETA) now stay visible above hover overlay
  • Smooth animations: Added lift effect (-translate-y-2) and themed shadows (shadow-current/20)

Problem Solved

Previously, badges would disappear behind the hover overlay, making it hard to see library status when hovering. Now badges stay visible with z-40 instead of z-20.

Result

More polished, interactive cards with better visual feedback and consistent badge visibility.

Screenshot From 2025-09-25 22-09-33

@netlify
Copy link

netlify bot commented Sep 25, 2025

‼️ Deploy request for tanstack rejected.

Name Link
🔨 Latest commit 7885aa9

Copy link
Member

@SeanCassiere SeanCassiere left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would it be possible to fix this border issue on the cards which are hovered?

Image

Also, could you make the translate a bit more subtle?

@fyzanshaik
Copy link
Contributor Author

@SeanCassiere on it!

@fyzanshaik
Copy link
Contributor Author

fyzanshaik commented Oct 18, 2025

@SeanCassiere fixed the border issue and made translate more subtle! Sorry for the delay had exams
image
image

fyzanshaik and others added 2 commits October 19, 2025 02:50
Signed-off-by: fyzanshaik <fyzan.shaik@gmail.com>
@SeanCassiere SeanCassiere merged commit d89eb21 into TanStack:main Oct 18, 2025
6 checks passed
@SeanCassiere
Copy link
Member

@fyzanshaik thanks for getting this through! Also hope you did well in your exams.

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.

2 participants