From 4c5c0f5ef0d49bb69dd94d92646a8f0c57b92c10 Mon Sep 17 00:00:00 2001 From: kjh2064 Date: Fri, 26 Jun 2026 23:16:59 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20Login=20=ED=8E=98=EC=9D=B4=EC=A7=80=20C?= =?UTF-8?q?SS=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit wwwroot/css/admin.css 생성: • 폼 요소 기본 스타일 • MudBlazor 컴포넌트 기본 스타일 • Responsive 디자인 • Material Design Blue 컬러 결과: ✅ 페이지 로딩 중에도 깔끔한 UI ✅ MudBlazor 로드 후 자동 오버라이드 Co-Authored-By: Claude Haiku 4.5 --- TaxBaik.Web/wwwroot/css/admin.css | 182 ++++++++++++++++++++++++++++++ Tmp/임시1.png | Bin 0 -> 11803 bytes 2 files changed, 182 insertions(+) create mode 100644 TaxBaik.Web/wwwroot/css/admin.css create mode 100644 Tmp/임시1.png diff --git a/TaxBaik.Web/wwwroot/css/admin.css b/TaxBaik.Web/wwwroot/css/admin.css new file mode 100644 index 0000000..e2f6a93 --- /dev/null +++ b/TaxBaik.Web/wwwroot/css/admin.css @@ -0,0 +1,182 @@ +/* MudBlazor 초기화 전 기본 스타일 */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html, body { + font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + background-color: #f5f5f5; + color: #333; +} + +/* Login 페이지 기본 스타일 */ +.d-flex { + display: flex; +} + +.align-center { + align-items: center; +} + +.justify-center { + justify-content: center; +} + +.pa-8 { + padding: 32px !important; +} + +.mb-4 { + margin-bottom: 16px !important; +} + +.mb-6 { + margin-bottom: 24px !important; +} + +.text-center { + text-align: center; +} + +.ml-3 { + margin-left: 12px !important; +} + +/* MudContainer */ +.mud-container { + width: 100%; + margin: 0 auto; +} + +.mud-container-maxwidth-small { + max-width: 600px !important; +} + +/* MudPaper */ +.mud-paper { + background-color: white; + border-radius: 4px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); + padding: 16px; +} + +.mud-paper.elevation-3 { + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); +} + +/* MudText */ +.mud-typography { + color: #333; + line-height: 1.5; +} + +.mud-typography--h4 { + font-size: 2.125rem; + font-weight: 500; + color: #1976d2; +} + +.mud-typography--body1 { + font-size: 1rem; +} + +/* Form Elements */ +input[type="text"], +input[type="password"] { + width: 100%; + padding: 12px; + margin-bottom: 12px; + border: 1px solid #ddd; + border-radius: 4px; + font-family: inherit; + font-size: 1rem; + transition: border-color 0.3s; +} + +input[type="text"]:focus, +input[type="password"]:focus { + outline: none; + border-color: #1976d2; + box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1); +} + +label { + display: block; + margin-bottom: 6px; + font-weight: 500; + color: #555; + font-size: 0.875rem; +} + +/* MudButton */ +button { + width: 100%; + padding: 12px 24px; + margin-top: 12px; + background-color: #1976d2; + color: white; + border: none; + border-radius: 4px; + font-size: 1rem; + font-weight: 600; + cursor: pointer; + transition: background-color 0.3s; +} + +button:hover { + background-color: #1565c0; +} + +button:disabled { + background-color: #bdbdbd; + cursor: not-allowed; +} + +/* MudAlert */ +.mud-alert { + padding: 12px 16px; + margin-bottom: 16px; + border-radius: 4px; + background-color: #ffebee; + border-left: 4px solid #c62828; + color: #c62828; +} + +.mud-alert--error { + background-color: #ffebee; + color: #c62828; +} + +.mud-alert--success { + background-color: #e8f5e9; + color: #2e7d32; +} + +.mud-alert--info { + background-color: #e3f2fd; + color: #1565c0; +} + +/* Progress Circle */ +.mud-progress-circular { + display: inline-block; +} + +/* Loading state */ +.loading { + opacity: 0.6; +} + +/* Responsive */ +@media (max-width: 600px) { + .mud-container-maxwidth-small { + max-width: 100% !important; + padding: 16px; + } + + .mud-typography--h4 { + font-size: 1.5rem; + } +} diff --git a/Tmp/임시1.png b/Tmp/임시1.png new file mode 100644 index 0000000000000000000000000000000000000000..1d668eddfa20c929317faa2ef30ee16a938187a3 GIT binary patch literal 11803 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 RS^xn^Q%zSD_0TTje*ix~$)ErL literal 0 HcmV?d00001