Commit Graph

21 Commits

Author SHA1 Message Date
Matt 183bba0c9e Fix Edge browser black background issue in Board and Member portals
Build And Push Image / docker (push) Successful in 2m11s Details
- Added background-color: #fafafa to v-app element in both layouts
- Added solid background-color fallback to .glass-main class before gradients
- Ensures Edge and other browsers show light background even without gradient support
- Fixes transparent rgba gradient rendering issues in Edge

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-05 14:55:05 +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 c37e0d0b1b Fix sidebar collapse and redesign profile section
Build And Push Image / docker (push) Has been cancelled Details
- Increased rail mode width from 56px to 80px to properly fit icons
- Updated rail-width prop in all three layout files (admin, board, member)
- Redesigned profile section with improved layout and positioning
- Added horizontal layout in expanded mode with avatar, info, and menu button
- Implemented responsive design that switches to vertical layout in collapsed mode
- Enhanced menu with colorful icons and hover effects
- Added role badges (Admin, Board, Member) for better visual identification
- Improved glass morphism effects on profile card and menu
- Added smooth transitions and hover animations

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 23:19:50 +02:00
Matt 52c10a6c1b Fix navigation drawer collapse functionality in all layouts
Build And Push Image / docker (push) Successful in 1m53s Details
- Replace dynamic width binding with static width and rail-width props
- Remove Vuetify 2 pattern (:width="miniVariant ? 56 : 280")
- Add Vuetify 3 compatible props (width="280" rail-width="56")
- Applied fix to admin.vue, board.vue, and member.vue layouts
- Sidebar now properly collapses to rail mode when toggled

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 22:42:15 +02:00
Matt f20c1ef96a Fix sidebar collapse functionality for all three layouts
Build And Push Image / docker (push) Successful in 2m7s Details
- Changed from fixed width to dynamic width based on miniVariant state
- Replaced v-show with v-if for list groups to properly hide when collapsed
- Added proper template conditionals for logo section
- Added tooltips for all single navigation items when in rail mode
- Fixed badge display to use dot when collapsed
- Ensured proper title binding with undefined when collapsed

This fixes the sidebar collapse issue across admin, board, and member layouts.
2025-08-31 19:56:54 +02:00
Matt 8954621813 CRITICAL FIX: Remove deprecated 'app' prop to enable sidebar collapse
Build And Push Image / docker (push) Successful in 2m1s Details
- Removed 'app' prop from v-navigation-drawer in all layouts
- Removed 'app' prop from v-app-bar in all layouts
- The 'app' prop is deprecated in Vuetify 3 and was preventing rail mode
- This was the root cause of sidebar not collapsing

Vuetify 3 automatically handles layout participation without the app prop.
The presence of this deprecated prop was causing Vuetify to ignore the
rail prop entirely, preventing the sidebar from collapsing.
2025-08-31 19:47:38 +02:00
Matt 185ac24067 Fix sidebar collapse functionality for all three layouts
Build And Push Image / docker (push) Successful in 1m56s Details
- Remove manual width control that was conflicting with rail prop
- Use fixed width and rail-width props for proper Vuetify 3 behavior
- Simplify toggleDrawer function to just toggle miniVariant
- Add v-show directive to hide list groups in rail mode
- Applied fixes to admin.vue, member.vue, and board.vue layouts

The sidebar now properly collapses to 56px rail mode showing only icons,
and expands to 280px full width showing complete navigation items.
2025-08-31 19:36: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 cbf97254a2 Fix sidebar collapse functionality across all layouts
Build And Push Image / docker (push) Successful in 2m2s Details
- Change from :mini-variant to :rail for Vue 3/Vuetify 3 compatibility
- Fix width prop to use numbers instead of strings
- Add missing loading ref in board members page
- Ensure consistent collapse behavior across admin, member, and board layouts
2025-08-31 19:06:07 +02:00
Matt ce7d5af450 Restore fully collapsible sidebar with mini-variant mode
Build And Push Image / docker (push) Successful in 1m57s Details
- Added three-state sidebar (closed, mini, full) across all layouts
- Positioned collapse toggle button in app bar
- Made logo and text responsive to collapsed state
- Added proper tooltips for mini mode navigation
- Consistent implementation across board, admin, and member portals
2025-08-31 18:53:21 +02:00
Matt a85be39ffa Remove rotation animations from circular buttons on hover
Build And Push Image / docker (push) Successful in 1m54s Details
- Removed rotate(5deg) from icon buttons hover state
- Removed rotate(5deg) from FAB buttons hover state
- Removed icon-hover-rotate mixin from nav items
- Keep scale animations but remove tilt/rotation effects

Buttons now scale without rotating for cleaner interaction
2025-08-31 16:48:53 +02:00
Matt 7685cd130f Remove hamburger buttons and implement enhanced sidebar design across all layouts
Build And Push Image / docker (push) Successful in 2m6s Details
- Removed hamburger menu buttons from all layouts (member, admin, board, dashboard)
- Updated all sidebars to fixed 280px width (non-collapsible)
- Enhanced glass morphism effects with 30px blur
- Implemented vertical profile card with small avatar
- Added consistent animations and hover effects
- Updated design documentation with new specifications
2025-08-31 15:38:19 +02:00
Matt e74f12eaa0 Fix profile card avatar size and menu button
Build And Push Image / docker (push) Successful in 1m56s Details
- Reduced avatar size from 'large' to 'small' for better proportions
- Made menu button extra small and moved it inside profile-content
- Positioned menu button absolutely in top-right of content area
- Reduced online indicator size to match smaller avatar
- Added subtle opacity to menu button (visible on hover)
- Improved overall visual balance of profile card

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 15:16:15 +02:00
Matt 36b8f9d2d4 Improve profile card layout in sidebar
Build And Push Image / docker (push) Successful in 2m6s Details
- Made profile card taller with min-height of 180px
- Stacked profile image above name and email vertically
- Centered profile content for better visual balance
- Increased profile avatar size to 'large' for better visibility
- Moved menu button to absolute position in top-right corner
- Adjusted font sizes slightly for better readability
- Fixed text overflow with proper ellipsis

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 15:08:54 +02:00
Matt 6e0e640f1d Remove sidebar collapse functionality entirely
Build And Push Image / docker (push) Successful in 2m14s Details
- Removed all collapse/expand functionality from sidebar
- Removed collapse button and chevron icons
- Removed isCollapsed state and toggle logic
- Removed all CSS related to collapsed states
- Simplified navigation items without tooltips
- Fixed sidebar at 280px width permanently
- Cleaned up profile footer without conditional rendering

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 15:01:06 +02:00
Matt 5af0f2e4c0 Increase collapsed sidebar width to 140px
Build And Push Image / docker (push) Successful in 1m57s Details
- Changed collapsed width from 100px to 140px for better icon and content spacing
- Prevents squishing of navigation icons and profile image

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 14:49:15 +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 696b321373 Simplify member dashboard - remove points, payments, stats, and social features
Build And Push Image / docker (push) Successful in 1m57s Details
2025-08-31 14:12:58 +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
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