refactor: admin ui를 fluent v5와 html 기반으로 전환

2026-06-29 22:37:40 +09:00
parent 1a7bc9e209
commit 1b173376ee
51 changed files with 2471 additions and 3560 deletions
@@ -1,4 +1,5 @@
@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.FluentUI.AspNetCore.Components
 <!DOCTYPE html>
 <html lang="ko">
 <head>
@@ -6,9 +7,9 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>백원숙 세무회계 - 관리자</title>
    <base href="/taxbaik/" />
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800&display=swap" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
-    <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
+    <link href="_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css" rel="stylesheet" />
    <script>
        document.documentElement.classList.toggle(
            'admin-login-route',
@@ -31,101 +32,15 @@
            <p>로드 중...</p>
        </div>
    </div>
-    <MudThemeProvider @bind-IsDarkMode="isDarkMode" Theme="mudTheme" />
-    <MudPopoverProvider />
-    <MudDialogProvider />
-    <MudSnackbarProvider />
+
+    <FluentProviders />
+    <FluentDialogProvider />
+    <FluentTooltipProvider />
+
    <Routes @rendermode="new InteractiveServerRenderMode(prerender: false)" />
-    <script src="_content/MudBlazor/MudBlazor.min.js"></script>
+
    <script src="js/admin-session.js"></script>
    <script src="_framework/blazor.web.js"></script>
    <script>window.taxbaikAdminSession?.watchReconnect();</script>
 </body>
 </html>
-
-@code {
-    private bool isDarkMode = false;
-    private MudTheme mudTheme = new()
-    {
-        Palette = new PaletteLight()
-        {
-            Primary = "#1976D2",
-            PrimaryContrastText = "#FFFFFF",
-            Secondary = "#2D9F7E",
-            SecondaryContrastText = "#FFFFFF",
-            Tertiary = "#FF8A50",
-            TertiaryContrastText = "#FFFFFF",
-            Surface = "#F5F7FA",
-            Background = "#FFFFFF",
-            BackgroundGrey = "#F8F9FB",
-            DrawerBackground = "#FFFFFF",
-            DrawerText = "#424242",
-            AppbarBackground = "#FFFFFF",
-            AppbarText = "#424242",
-            TextPrimary = "#1A1A1A",
-            TextSecondary = "#64748B",
-            TextDisabled = "#94A3B8",
-            ActionDefault = "#1976D2",
-            ActionDisabled = "#BDBDBD",
-            Divider = "#E2E8F0",
-            DividerLight = "#F1F5F9",
-            Error = "#DC2626",
-            ErrorContrastText = "#FFFFFF",
-            Warning = "#F59E0B",
-            WarningContrastText = "#FFFFFF",
-            Info = "#06B6D4",
-            InfoContrastText = "#FFFFFF",
-            Success = "#16A34A",
-            SuccessContrastText = "#FFFFFF",
-        },
-        LayoutProperties = new LayoutProperties()
-        {
-            DefaultBorderRadius = "8px"
-        },
-        Typography = new Typography()
-        {
-            Default = new Default()
-            {
-                FontSize = ".875rem",
-                FontWeight = 400,
-                LineHeight = 1.5
-            },
-            H1 = new H1()
-            {
-                FontSize = "2.5rem",
-                FontWeight = 600,
-                LineHeight = 1.2
-            },
-            H2 = new H2()
-            {
-                FontSize = "2rem",
-                FontWeight = 600,
-                LineHeight = 1.3
-            },
-            H3 = new H3()
-            {
-                FontSize = "1.75rem",
-                FontWeight = 600,
-                LineHeight = 1.3
-            },
-            H4 = new H4()
-            {
-                FontSize = "1.5rem",
-                FontWeight = 600,
-                LineHeight = 1.4
-            },
-            H5 = new H5()
-            {
-                FontSize = "1.25rem",
-                FontWeight = 500,
-                LineHeight = 1.4
-            },
-            H6 = new H6()
-            {
-                FontSize = "1rem",
-                FontWeight = 500,
-                LineHeight = 1.5
-            }
-        }
-    };
-}