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; + } +}