Phase 1.1: MainLayout Improvements
✅ Responsive sidebar with mobile toggle (MudDrawer)
✅ Enhanced top navigation (AppBar with icons)
✅ Dark mode toggle with persistence
✅ User profile menu (MudMenu with logout)
✅ Improved theme switching
Features:
- MudThemeProvider integration for dark/light mode
- User avatar with initials
- Profile, Settings, and Logout options in dropdown menu
- Responsive navbar (hidden on mobile, visible on desktop)
- Drawer footer with version info
- Enhanced CSS with smooth transitions
Phase 1.2: AuthLayout Complete Redesign
✅ Two-panel layout (branding + auth content)
✅ Left panel with QuantEngine branding and features
✅ Right panel for login/register/password recovery
✅ Mobile responsive design
✅ Dark mode support with smooth transitions
Features:
- Hero branding panel with feature list
- Feature icons (CheckCircle animations)
- Responsive grid (left panel hidden on mobile)
- Dark mode theme toggle
- Footer with legal links
- Floating animation on logo
- Mobile header with theme toggle
- Accessibility support (prefers-reduced-motion)
Styling Enhancements:
- Modern gradient backgrounds
- Smooth transitions and animations
- Dark mode color schemes
- Responsive breakpoints
- Material Design principles
Files Modified:
- src/dotnet/QuantEngine.Web/Client/Layout/MainLayout.razor
- src/dotnet/QuantEngine.Web/Client/Layout/MainLayout.razor.css
- src/dotnet/QuantEngine.Web/Client/Layout/AuthLayout.razor
- src/dotnet/QuantEngine.Web/Client/Layout/AuthLayout.razor.css (new)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
kjh2064