Commit Graph

15 Commits

Author SHA1 Message Date
Matt 64a12ecd5b Implement glass-bolt design system across platform
Build And Push Image / docker (push) Successful in 1m53s Details
- Removed 19 test/prototype pages while preserving BoltAI-Mockups for reference
- Created comprehensive DESIGN-SYSTEM.md documentation
- Updated and consolidated SCSS structure
- Applied subtle glassmorphic design to admin portal pages
- Updated admin members page with new glass-bolt styling
- Implemented consistent design patterns:
  - Glass cards with 60% white opacity and 4px blur
  - Subtle borders and soft shadows
  - Monaco red accent color (#dc2626)
  - Clean typography without excessive gradients
  - Hover states with gentle lift animations

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-07 17:41:41 +02:00
Matt 9c812d78dd Fix color scheme - use white/gray instead of pink tints
Build And Push Image / docker (push) Successful in 1m51s Details
- Changed all gradients from #fef2f2 (pinkish) to proper white/gray
- Updated background from pink tint to clean white (#ffffff) to light gray (#f8f9fa)
- Fixed glass-monaco-soft to use very subtle red tint (3% opacity)
- Updated all components to follow Monaco brand colors properly
- Maintains Monaco red (#dc2626) for accents and text gradients only

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 17:32:32 +02:00
Matt af31781323 Transform glass designs to subtle bolt.ai style
Build And Push Image / docker (push) Successful in 2m0s Details
- Reduced blur effects from 10-60px to 2-4px for better performance
- Changed gradients from heavy red to subtle light (#fef2f2-#ffffff)
- Updated text colors from white to dark (#27272a) for better readability
- Created design tokens system for consistent theming
- Added global glass-bolt-style.scss for unified styling
- Updated GlassCard, MonacoButton, GlassSidebar components
- Transformed glass dashboard to match bolt.ai mockup patterns
- Simplified animations and reduced visual noise
- Improved mobile performance with responsive blur reduction

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 17:23:41 +02:00
Matt f735b68fed Implement ultra-modern glassmorphic dashboard with animations
Build And Push Image / docker (push) Successful in 2m0s Details
- Add animated hero header with Monaco red gradient
- Implement floating orbs with blur effects
- Create glowing avatar with status indicator
- Add gradient text animations
- Implement glass-morphic cards with backdrop blur
- Add hover animations and transitions
- Refine dues management cards
- Include comprehensive CSS animations
2025-09-06 16:03:02 +02:00
Matt 245c3571c7 Create properly styled glass dashboard with inline CSS
Build And Push Image / docker (push) Successful in 1m52s Details
2025-09-06 15:52:33 +02:00
Matt a8a12ef12a Fix glassmorphic styling - add inline styles and fix Tailwind CSS
Build And Push Image / docker (push) Successful in 1m51s Details
2025-09-06 15:48:12 +02:00
Matt 5c72aa727c Fix Tailwind build errors - remove style imports and fix gradient classes
Build And Push Image / docker (push) Successful in 1m49s Details
2025-09-06 15:42:15 +02:00
Matt 6223388768 Fix glass dashboard with simplified version
Build And Push Image / docker (push) Failing after 59s Details
- Create simplified glass.vue that works with existing layouts
- Remove complex component dependencies causing 500 error
- Use inline Tailwind classes for glassmorphic effects
- Maintain 4-card limit for dues display

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 15:31:40 +02:00
Matt a0d703e7cb Implement bright glassmorphic UI redesign for Board dashboard
Build And Push Image / docker (push) Failing after 1m11s Details
- Add Tailwind CSS configuration with bright glass utilities
- Create glass components (Sidebar, StatCard, DuesCard) with Lucide icons
- Implement new dashboard with limited dues display (4 cards max vs 30+)
- Use translucent white glass effects with Monaco red accents
- Improve visual hierarchy and reduce UI clutter

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 15:17:54 +02:00
Matt 95c253a552 UI improvements for Board Portal dashboard
Build And Push Image / docker (push) Successful in 2m0s Details
- Added profile picture between welcome message and title
- Removed Events and Members boxes from dashboard
- Added distinct borders and icon to Dues Management card
- Moved hamburger menu to the right side of app bar
- Removed notification bell icon from app bar
- Enhanced profile card appearance in sidebar with gradient background
- Fixed Mark as Paid button alignment to be inline with other action buttons
- Added support for displaying multiple nationality flags in dues cards

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 22:49:03 +02:00
Matt e75de8b9f4 Fix board dashboard layout - now uses correct board layout
Build And Push Image / docker (push) Successful in 2m2s Details
- Changed board dashboard from 'dashboard' layout to 'board' layout
- This fixes the missing hamburger menu and sidebar toggle functionality
- Removed debug console.log statements from board layout
- Board dashboard now has same sidebar behavior as admin and member dashboards

The issue was that board/dashboard/index.vue was using the old 'dashboard'
layout instead of the proper 'board' layout that has rail mode support.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-01 10:42:35 +02:00
Matt 363d3367fc Fix all build errors and complete design system implementation
Build And Push Image / docker (push) Successful in 1m51s Details
- Fixed v-col and v-row closing tag mismatches in board dashboard
- Added missing SCSS import for enhanced-glass mixin in admin dashboard
- Verified build passes successfully with all changes
- Comprehensive audit completed to prevent future syntax errors

All Vue templates now properly structured with correct closing tags
Build tested locally and passes without errors

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 16:43:03 +02:00
Matt 1758dec6ac Fix syntax error in board dashboard - correct closing tags
Build And Push Image / docker (push) Failing after 55s Details
2025-08-31 16:34:54 +02:00
Matt ae18ce1786 Apply glass morphism and Bento grid to admin and board dashboards
Build And Push Image / docker (push) Failing after 1m1s Details
- Implemented enhanced glass morphism effects with 30px blur
- Added Bento grid layout system (12-column grid)
- Created gradient text effects for dashboard titles
- Added animated entrance effects for all cards
- Implemented stat cards with gradient values
- Added responsive breakpoints for mobile/tablet
- Unified button styles with hover animations
- Removed basic elevation cards in favor of glass cards
2025-08-31 16:07:17 +02:00
Matt d9d8627e97 feat: Reorganize platform into member, board, and admin sections
Build And Push Image / docker (push) Failing after 55s Details
Major platform reorganization implementing role-based portal sections:

## Infrastructure Changes
- Created role-based middleware for member, board, and admin access
- Updated main dashboard router to redirect based on highest privilege
- Implemented access hierarchy: Admin > Board > Member

## New Layouts
- Member layout: Simplified navigation for regular members
- Board layout: Enhanced tools for board member management
- Admin layout: Full system administration capabilities

## Member Portal (/member/*)
- Dashboard: Profile overview, events, payments, activity tracking
- Events: Browse, register, and manage event participation
- Profile: Complete personal and professional information management
- Resources: Access to documents, guides, FAQs, and quick links

## Board Portal (/board/*)
- Dashboard: Statistics, dues management, board-specific tools
- Members: Comprehensive member management with filtering

## Admin Portal (/admin/*)
- Dashboard: System overview and administrative controls (existing)

## Design Implementation
- Monaco red (#dc2626) as primary accent color
- Modern card-based layouts with consistent spacing
- Responsive design for all screen sizes
- Glass morphism effects for enhanced visual appeal

This reorganization provides clear separation of concerns based on user privileges while maintaining a cohesive user experience across all sections.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 22:00:59 +02:00