revert: rollback Fluent UI and Blazor homepage to last successful state (3be3794)

TaxBaik.Web/Components/Admin/Pages/Login.razor

@@ -1,5 +1,4 @@
 @page "/admin/login"
-@using Microsoft.FluentUI.AspNetCore.Components
 @using System.ComponentModel.DataAnnotations
 @layout TaxBaik.Web.Components.Admin.Layout.BlankLayout
 @attribute [AllowAnonymous]
@@ -11,40 +10,41 @@
 
 <PageTitle>로그인</PageTitle>
 
-<div class="admin-login-page">
-    <div class="admin-login-card admin-surface">
-        <div class="admin-login-brand">
-            <span class="admin-brand-mark">T</span>
-            <div>
-                <div class="admin-brand-title">TaxBaik</div>
-                <div class="admin-brand-subtitle">관리자 로그인</div>
+<MudContainer MaxWidth="MaxWidth.Small" Class="admin-login-page d-flex align-center justify-center" Style="min-height: 100vh;">
+    <MudPaper Class="pa-8" Elevation="3" Style="width: 100%; max-width: 400px;">
+        <MudText Typo="Typo.h4" Class="mb-6 text-center">관리자 로그인</MudText>
+
+        <form @onsubmit="HandleLogin" @onsubmit:preventDefault>
+            <InputText class="mud-input mud-input-outlined mud-input-root mud-input-root-adorned-start mb-4"
+                       style="width: 100%; min-height: 56px; padding: 16px 14px;"
+                       placeholder="사용자명"
+                       autocomplete="username"
+                       @bind-Value="model.Username" />
+
+            <InputText type="password"
+                       class="mud-input mud-input-outlined mud-input-root mud-input-root-adorned-start mb-4"
+                       style="width: 100%; min-height: 56px; padding: 16px 14px;"
+                       placeholder="비밀번호"
+                       autocomplete="current-password"
+                       @bind-Value="model.Password" />
+
+            <div class="mb-4">
+                <InputCheckbox class="mud-checkbox" @bind-Value="model.RememberMe" />
+                <label style="margin-left: 8px; cursor: pointer;">아이디 저장</label>
             </div>
-        </div>
-
-        <form class="admin-login-form" @onsubmit="HandleLogin" @onsubmit:preventDefault>
-            <label class="admin-field">
-                <span class="admin-field-label">사용자명</span>
-                <input class="admin-input" type="text" placeholder="사용자명" @bind="model.Username" autocomplete="username" />
-            </label>
-
-            <label class="admin-field">
-                <span class="admin-field-label">비밀번호</span>
-                <input class="admin-input" type="password" placeholder="비밀번호" @bind="model.Password" autocomplete="current-password" />
-            </label>
-
-            <label class="admin-login-remember">
-                <input type="checkbox" @bind="model.RememberMe" />
-                <span>아이디 저장</span>
-            </label>
 
             @if (!string.IsNullOrEmpty(errorMessage))
             {
-                <div class="admin-inline-alert error" role="alert">@errorMessage</div>
+                <MudAlert Severity="Severity.Error" Class="mb-4">@errorMessage</MudAlert>
             }
 
-            <button type="submit" class="site-button primary admin-login-submit" disabled="@isLoading">
+            <button type="submit"
+                    class="mud-button-root mud-button mud-button-filled mud-button-filled-primary mud-elevation-0"
+                    style="width: 100%; min-height: 52px; border: 0; border-radius: 4px; color: white;"
+                    disabled="@isLoading">
                 @if (isLoading)
                 {
+                    <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="mr-2" />
                     <span>로그인 중...</span>
                 }
                 else
@@ -53,8 +53,8 @@
                 }
             </button>
         </form>
-    </div>
-</div>
+    </MudPaper>
+</MudContainer>
 
 @code {
     private bool isLoading = false;