From 73a4abc4e1f50cbdfd3276a4979c776695b6b216 Mon Sep 17 00:00:00 2001 From: kjh2064 Date: Fri, 26 Jun 2026 19:05:39 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20Admin=20CSS=20=EB=A7=81=ED=81=AC=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=EC=8A=A4=ED=83=80=EC=9D=BC?= =?UTF-8?q?=EC=8B=9C=ED=8A=B8=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## 문제 App.razor에 Bootstrap/MudBlazor CSS 링크 없음 → Admin 페이지가 완전히 스타일 없는 상태 ## 해결 1. App.razor에 필요한 CSS 링크 추가: - Bootstrap 5.3.0 CDN - Material UI 기본 스타일 - Material Icons - admin.css (커스텀 스타일) 2. admin.css 생성: - 색상 변수 정의 - MudBlazor 커스터마이징 - 한국어 폰트 (Noto Sans KR) - 반응형 디자인 Co-Authored-By: Claude Haiku 4.5 --- TaxBaik.Admin/Components/App.razor | 5 +++ TaxBaik.Admin/wwwroot/css/admin.css | 65 +++++++++++++++++++++++++++++ 2 files changed, 70 insertions(+) create mode 100644 TaxBaik.Admin/wwwroot/css/admin.css diff --git a/TaxBaik.Admin/Components/App.razor b/TaxBaik.Admin/Components/App.razor index 04e8c58..6369130 100644 --- a/TaxBaik.Admin/Components/App.razor +++ b/TaxBaik.Admin/Components/App.razor @@ -6,10 +6,15 @@ 백원숙 세무회계 - 관리자 + + + + + diff --git a/TaxBaik.Admin/wwwroot/css/admin.css b/TaxBaik.Admin/wwwroot/css/admin.css new file mode 100644 index 0000000..a6504d1 --- /dev/null +++ b/TaxBaik.Admin/wwwroot/css/admin.css @@ -0,0 +1,65 @@ +/* TaxBaik Admin - 기본 스타일 */ + +:root { + --color-primary: #1B4F8A; + --color-primary-dark: #133970; + --color-accent: #C9A227; + --color-cta: #E05A2B; + --color-bg: #F7F9FC; + --color-text: #1A1A2E; + --color-text-muted: #5A6A7A; +} + +body { + font-family: 'Noto Sans KR', sans-serif; + color: var(--color-text); + background-color: var(--color-bg); +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Noto Sans KR', sans-serif; + color: var(--color-text); +} + +/* MudBlazor 커스터마이징 */ +.mud-appbar { + background-color: var(--color-primary) !important; +} + +.mud-appbar .mud-button-root { + color: white; +} + +.mud-button-contained-primary { + background-color: var(--color-primary) !important; +} + +.mud-button-contained-primary:hover { + background-color: var(--color-primary-dark) !important; +} + +.mud-button-outlined-primary { + color: var(--color-primary) !important; + border-color: var(--color-primary) !important; +} + +.mud-card { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +/* 테이블 스타일 */ +.mud-table { + font-family: 'Noto Sans KR', sans-serif; +} + +/* 폼 요소 */ +.mud-input-control .mud-input-slot { + font-family: 'Noto Sans KR', sans-serif; +} + +/* 반응형 */ +@media (max-width: 768px) { + body { + font-size: 14px; + } +}