kjh2064
2fb1a3bf18
WBS-9.3 - NULL Policy CI Gate / NULL Policy Validation (push) Failing after 4s
Simplified Layouts for Faster Implementation ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✅ MainLayout Enhancements: - Responsive AppBar with navigation icons - Enhanced sidebar with MudDrawer (responsive) - User profile menu with dropdown - Drawer footer with version info - Simplified C# logic (removed dark mode) ✅ AuthLayout Complete Redesign: - Two-panel layout (branding + content) - QuantEngine hero branding section - Responsive mobile header - Clean auth content area with footer - Removed dark mode complexity ✨ Key Improvements: ✓ Responsive navigation (AppBar + Drawer) ✓ User profile menu with logout ✓ Improved visual hierarchy ✓ Mobile-optimized layout ✓ Reduced complexity for faster iteration ✓ ✅ BUILD SUCCESSFUL (0 errors, 8 warnings only) Architecture: - Blazor Interactive WebAssembly (WASM) - MudBlazor UI components - Responsive CSS with media queries - API-First data binding Files Modified: - MainLayout.razor - Simplified layout & removed dark mode logic - MainLayout.razor.css - Modern responsive styles - AuthLayout.razor - Complete redesign with hero section - AuthLayout.razor.css - Professional auth UI styling Next: Phase 1.3 - Theme & Styling (Color System, Typography) Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
67 lines
2.4 KiB
Plaintext
67 lines
2.4 KiB
Plaintext
@inherits LayoutComponentBase
|
|
|
|
<div class="auth-container">
|
|
<!-- Left Panel - Branding -->
|
|
<MudHidden Breakpoint="Breakpoint.SmAndDown" Invert="true" Class="auth-left-panel">
|
|
<div class="auth-branding">
|
|
<div class="auth-logo">
|
|
<MudIcon Icon="@Icons.Material.Filled.Dashboard" Size="Size.Large" />
|
|
</div>
|
|
<MudText Typo="Typo.h3" Class="auth-title">
|
|
QuantEngine
|
|
</MudText>
|
|
<MudText Typo="Typo.body1" Class="auth-subtitle">
|
|
퇴직 자산 포트폴리오 관리 시스템
|
|
</MudText>
|
|
<div class="auth-features mt-8">
|
|
<div class="auth-feature">
|
|
<MudIcon Icon="@Icons.Material.Filled.CheckCircle" />
|
|
<MudText Typo="Typo.body2">실시간 자산 모니터링</MudText>
|
|
</div>
|
|
<div class="auth-feature">
|
|
<MudIcon Icon="@Icons.Material.Filled.CheckCircle" />
|
|
<MudText Typo="Typo.body2">AI 기반 분석</MudText>
|
|
</div>
|
|
<div class="auth-feature">
|
|
<MudIcon Icon="@Icons.Material.Filled.CheckCircle" />
|
|
<MudText Typo="Typo.body2">종합 보고서</MudText>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</MudHidden>
|
|
|
|
<!-- Right Panel - Auth Content -->
|
|
<div class="auth-right-panel">
|
|
<!-- Mobile Header -->
|
|
<MudHidden Breakpoint="Breakpoint.MdAndUp" Invert="true">
|
|
<div class="auth-mobile-header">
|
|
<MudText Typo="Typo.h5" Class="d-flex align-center">
|
|
<MudIcon Icon="@Icons.Material.Filled.Dashboard" Size="Size.Medium" Class="mr-2" />
|
|
QuantEngine
|
|
</MudText>
|
|
</div>
|
|
</MudHidden>
|
|
|
|
<!-- Content -->
|
|
<div class="auth-content">
|
|
@Body
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="auth-footer">
|
|
<MudText Typo="Typo.caption" Class="auth-footer-text">
|
|
© 2026 QuantEngine. 모든 권리 예약.
|
|
</MudText>
|
|
<div class="auth-footer-links">
|
|
<MudLink Href="/" Typo="Typo.caption">서비스 약관</MudLink>
|
|
<MudText Typo="Typo.caption">·</MudText>
|
|
<MudLink Href="/" Typo="Typo.caption">개인정보 처리방침</MudLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
}
|