Commit Graph

3 Commits

Author SHA1 Message Date
Matt 1c4cf8ac19 Complete design system implementation with glass morphism
Build And Push Image / docker (push) Failing after 1m0s Details
- Enhanced member dashboard with glass morphism effects (30px blur)
- Implemented Bento grid layout on member dashboard
- Added comprehensive animation system:
  - Shimmer animations for logos and badges
  - Pulse animations for notifications
  - Float animations for dashboard elements
  - Modal enter/leave transitions
- Applied glass effects to all form inputs with floating labels
- Created glass morphism styles for dialogs and modals
- Standardized all buttons with Monaco gradient styles
- Added hover effects and animations throughout
- Established consistent design patterns across all dashboards

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 16:31:34 +02:00
Matt eb6efe7c90 Enhanced sidebar with beautiful glass morphism effects
Build And Push Image / docker (push) Successful in 2m29s Details
- Added enhanced glass morphism mixins with gradients and inner glows
- Implemented collapsible/expandable sidebar with rail mode
- Added smooth animations for navigation items (shimmer, pulse, hover effects)
- Enhanced profile section with online indicator animation
- Implemented tooltip system for collapsed state
- Added localStorage persistence for sidebar state
- Improved transitions with fade effects and sliding indicators
- Updated SCSS with new animation mixins (ripple, icon rotation)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 14:32:27 +02:00
Matt aba6c2ecac Implement comprehensive glass morphism UI redesign
Build And Push Image / docker (push) Successful in 1m56s Details
- Created global SCSS architecture with Monaco design system
- Implemented glass morphism effects across all layouts
- Updated admin layout with premium glass effects and dark gradients
- Updated board layout with balanced glass effects and medium gradients
- Updated member layout with light glass effects and soft gradients
- Added floating logo animations and smooth transitions
- Implemented role-based visual hierarchy through gradient variations
- Created comprehensive documentation for glass morphism patterns
- Aligned all changes with established design philosophy in design-system.md

Key features:
- Glass navigation drawers with backdrop blur
- Gradient app bars with role-specific variations
- Glass icon buttons with hover effects
- Monaco red color spectrum integration
- Responsive design with mobile optimizations
- Performance-optimized blur effects

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 13:10:45 +02:00