feat(ui): 메인 포털 홈 화면 카드명 수정 및 로그인/메인 화면 로고/헤더 레이아웃 스타일 개선

- 메인 홈 화면 카드 수정: 'CS 발주 업무' -> 'CS, 발주, 반품, 코드관리' (설명 문구도 이에 맞춤) / '고객 주문리스트 프로그램' -> '고객 주문 데이터베이스' (설명 문구도 이에 맞춤)

- 디자인 레이아웃 스타일 개선: 로그인 화면의 좌측 상단 로고 이미지를 원본 이미지 크기로 정상 출력되도록 수정 (styles.css 내 brand-logo-img 수정) / 메인 대시보드 상단 헤더 높이를 기존 110px에서 55px로 단축하여 공간 효율화 / 메인 대시보드 내 로고 높이를 55px로 고정하고 가로 비율이 유지되도록 수정 / 로고 옆의 '업무 포털' 브랜드 텍스트 폰트 크기를 24px로 확대 및 볼드 처리하여 시인성 극대화
This commit is contained in:
2026-05-25 21:12:49 +09:00
parent 98ac452e7d
commit c16bc905ed
3 changed files with 13 additions and 13 deletions
+4 -4
View File
@@ -157,14 +157,14 @@ async def home(request: Request) -> HTMLResponse:
menu_items = [ menu_items = [
{ {
"title": "CS 발주 업무", "title": "CS, 발주, 반품, 코드관리",
"description": "CS 발주 업무 페이지로 이동", "description": "CS, 발주, 반품, 코드관리 페이지로 이동",
"url": env("CS_ORDER_URL", "/corm/"), "url": env("CS_ORDER_URL", "/corm/"),
"health_url": "/corm/health/db", "health_url": "/corm/health/db",
}, },
{ {
"title": "고객 주문리스트 프로그램", "title": "고객 주문 데이터베이스",
"description": "고객 주문리스트 프로그램으로 이동", "description": "고객 주문 데이터베이스 페이지로 이동",
"url": env("CUSTOMER_ORDER_LIST_URL", "/orderlist/"), "url": env("CUSTOMER_ORDER_LIST_URL", "/orderlist/"),
"health_url": "/orderlist/health/db", "health_url": "/orderlist/health/db",
}, },
Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

+9 -9
View File
@@ -16,7 +16,7 @@
--muted: #627590; --muted: #627590;
--success: #127a46; --success: #127a46;
--danger: #b91c1c; --danger: #b91c1c;
--header-h: 110px; --header-h: 55px;
} }
/* ── 리셋 & 기본 ─────────────────────────────────── */ /* ── 리셋 & 기본 ─────────────────────────────────── */
@@ -88,9 +88,8 @@ a { color: inherit; text-decoration: none; }
.brand-logo-mark svg { color: #fff; } .brand-logo-mark svg { color: #fff; }
.brand-logo-img { .brand-logo-img {
width: 100px; width: auto;
height: 100px; height: auto;
object-fit: contain;
} }
.brand-logo-img--full { .brand-logo-img--full {
@@ -341,8 +340,8 @@ a { color: inherit; text-decoration: none; }
.header-logo-mark svg { color: #fff; } .header-logo-mark svg { color: #fff; }
.header-logo-img { .header-logo-img {
width: 100px; height: 55px;
height: 100px; width: auto;
object-fit: contain; object-fit: contain;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -361,9 +360,10 @@ a { color: inherit; text-decoration: none; }
} }
.header-portal { .header-portal {
font-size: 11px; font-size: 24px;
color: rgba(255,255,255,.45); font-weight: 700;
font-weight: 400; color: #ffffff;
letter-spacing: -0.5px;
} }
.header-user { .header-user {