veza/apps/web/src/components/notifications
senke 93b2eb8980 feat(ui): header glassmorphism, card hover effects, content transitions, badge animations
Header polish:
- Glassmorphism: bg-background/80 backdrop-blur-lg + subtle border
- Search bar focus-within ring on container
- Avatar hover: ring-primary/50 + scale-105
- Notification badge animate-pulse

Card hover effects:
- Interactive Card variant: hover border-primary/20 tint
- ProductCard: lift (-translate-y-1) + shadow-lg + cover scale-105
- PlaylistCard: lift + shadow-lg + cover scale-105
- CourseCard: lift + shadow-xl + cover scale-105

ContentTransition component (new):
- Reusable skeleton-to-content crossfade with AnimatePresence
- Applied to DashboardPage as proof-of-concept

Notification badge pulse:
- Sidebar collapsed badges: radar-ping effect (animate-ping behind solid dot)
- Header notification bell: matching ping animation on unread count

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-09 23:25:52 +01:00
..
notification-menu feat(ui): header glassmorphism, card hover effects, content transitions, badge animations 2026-02-09 23:25:52 +01:00
NotificationBell.stories.tsx style(stories): replace kodo decorators with design tokens in all story files 2026-02-07 15:10:32 +01:00
NotificationBell.tsx ui(tokens): migrate text-kodo-secondary to text-muted-foreground (11 files) 2026-02-09 00:13:27 +01:00
NotificationItem.stories.tsx chore(dx): add .cursorrules and design system audit documentation 2026-02-05 14:20:06 +01:00
NotificationItem.tsx feat(ui): tooltip adoption + search highlighting & skeleton loading 2026-02-09 23:14:00 +01:00
NotificationMenu.stories.tsx style(notifications): elevate NotificationMenu story to SaaS Premium 2026-02-07 14:57:11 +01:00
NotificationMenu.tsx refactor(notifications): NotificationMenu module with hook, subcomponents, skeleton 2026-02-06 00:07:19 +01:00