feat(ui): 메인 포털 홈 화면 카드명 수정 및 로그인/메인 화면 로고/헤더 레이아웃 스타일 개선
- 메인 홈 화면 카드 수정: 'CS 발주 업무' -> 'CS, 발주, 반품, 코드관리' (설명 문구도 이에 맞춤) / '고객 주문리스트 프로그램' -> '고객 주문 데이터베이스' (설명 문구도 이에 맞춤) - 디자인 레이아웃 스타일 개선: 로그인 화면의 좌측 상단 로고 이미지를 원본 이미지 크기로 정상 출력되도록 수정 (styles.css 내 brand-logo-img 수정) / 메인 대시보드 상단 헤더 높이를 기존 110px에서 55px로 단축하여 공간 효율화 / 메인 대시보드 내 로고 높이를 55px로 고정하고 가로 비율이 유지되도록 수정 / 로고 옆의 '업무 포털' 브랜드 텍스트 폰트 크기를 24px로 확대 및 볼드 처리하여 시인성 극대화
This commit is contained in:
+4
-4
@@ -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 |
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user