Commit Graph

16 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 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 a0d2d2b00f Fix Tailwind CSS v4 build error
Build And Push Image / docker (push) Successful in 1m54s Details
- Install @tailwindcss/postcss package for v4 compatibility
- Update PostCSS configuration to use new package structure
- Fix nuxt.config.ts PostCSS plugin configuration
- Resolves Docker build failures

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 15:22:48 +02:00
Matt 67bb9e32ac removed screenshots from repo
Build And Push Image / docker (push) Successful in 2m8s Details
2025-09-04 16:13:05 +02:00
Matt 4ba24f8626 Implement comprehensive design system improvements
Build And Push Image / docker (push) Failing after 1m14s Details
- Created new design-system-v2.scss with modern design tokens
- Enhanced Vuetify theme configuration with refined colors
- Added professional dashboard styles component
- Improved typography, spacing, and visual hierarchy
- Implemented glass morphism effects with better contrast
- Added smooth animations and micro-interactions
- Improved responsive design for mobile devices
- Enhanced stat cards, data tables, and navigation
- Fixed color contrast issues identified in audit
- Added professional gradients and shadows

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 11:45:17 +02:00
Matt f68e3afacd Fix sidebar width and profile section design issues
Build And Push Image / docker (push) Successful in 1m48s Details
- Increased collapsed sidebar width from 80px to 100px for better icon visibility
- Updated rail-width prop to 100 in all three layouts (admin, board, member)
- Fixed profile section avatar sizing - now uses size 32 in collapsed mode
- Simplified menu button to always show vertical dots icon
- Improved spacing and alignment in profile section for both states
- Removed conditional button variants for cleaner, consistent design

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 23:35:28 +02:00
Matt c99599f7a2 Fix sidebar collapse functionality in all layouts
Build And Push Image / docker (push) Successful in 2m3s Details
- Add permanent prop to navigation drawer
- Add :expand-on-hover='false' to prevent hover expansion
- Adjust width from 64 to 56 for better collapsed view
- Ensures sidebar properly collapses across admin, member, and board portals
2025-08-31 19:22:28 +02:00
Matt 9d93f0ca84 Standardize avatar display across application
Build And Push Image / docker (push) Successful in 2m6s Details
- Replace all hardcoded avatars with ProfileAvatar component
- Update admin and board layouts to use ProfileAvatar
- Update DuesActionCard and DuesOverdueBanner components
- Update admin users list to use ProfileAvatar
- Ensure consistent display of profile pictures with initials fallback
- All avatars now show either user's profile picture or initials

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 18:06:50 +02:00
Matt ab706298a6 Fix sidebar styling issues
Build And Push Image / docker (push) Successful in 1m54s Details
- Increased collapsed sidebar width from 80px to 100px for better spacing
- Removed rose/pink tint from sidebar header section
- Changed header background to neutral white/gray gradient
- Added subtle border and shadow to header section for better definition

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 14:44:52 +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 4d0591ce7d Redesign member dashboard with modern bento grid layout and animations
Build And Push Image / docker (push) Failing after 1m11s Details
- Updated design philosophy to v2.0 with focus on beauty and interactivity
- Added @vueuse/motion for advanced animations
- Created reusable dashboard components:
  - BentoGrid: Flexible grid layout system
  - StatsCard: Animated statistics with sparklines
  - ProfileCard: Premium profile display with progress
  - ActivityTimeline: Beautiful timeline with staggered animations
  - EventsCard: Upcoming events display
  - PaymentCard: Payment status and history
  - QuickActionCard: Animated action buttons
- Rebuilt member dashboard with bento grid layout
- Added glass morphism effects throughout
- Implemented micro-interactions and hover effects
- Added gradient text effects and decorative elements

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 13:50:07 +02:00
Matt 1471f7d7b3 fix: Update admin dashboard and fix template errors
Build And Push Image / docker (push) Failing after 1m1s Details
- Fixed missing closing tags in members mockup page
- Updated admin dashboard to use new admin layout
- Added comprehensive system monitoring interface
- Fixed template structure issues in both files
- Removed v-container wrapper from admin dashboard
- Added proper list view template structure

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 22:11:27 +02:00
Matt c39936984b Implement MonacoUSA Portal redesign foundations
Build And Push Image / docker (push) Failing after 1m11s Details
- Added VueUse Motion for animations with custom presets
- Created base UI component library with glass morphism effects:
  * GlassCard - Flexible card component with 4 variants
  * MonacoButton - Multi-variant button system
  * FloatingInput - Modern input with floating labels
  * StatsCard - Dashboard statistics display
  * AnimatedNumber - Smooth number animations
  * Icon system - Modular icon components
- Created comprehensive page mockups:
  * Dashboard mockup with stats, activity feed, and widgets
  * Events page with filtering, search, and calendar
- Established Monaco brand design system (red #dc2626)
- Configured spring animations and glass effects

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 18:25:21 +02:00