From cac1ea4d77a559ca024cfb9c0cf0cdacc7f5baac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=B5=9C=EC=A7=80=EC=B2=A0?= Date: Wed, 17 Dec 2025 18:41:35 +0900 Subject: [PATCH] =?UTF-8?q?=EB=B9=8C=EB=93=9C=EC=98=A4=EB=A5=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/dashboard/api/banner-service.ts | 22 ++++--- .../pages/dashboard/api/dashboard-service.ts | 14 ---- .../components/src/ui/header/header.css | 65 +++++++++++++------ .../components/src/ui/sidebar/sidebar.css | 4 +- 4 files changed, 60 insertions(+), 45 deletions(-) delete mode 100644 apps/cm/src/pages/dashboard/api/dashboard-service.ts diff --git a/apps/cm/src/pages/dashboard/api/banner-service.ts b/apps/cm/src/pages/dashboard/api/banner-service.ts index ee9a32dd7..29ea92b75 100644 --- a/apps/cm/src/pages/dashboard/api/banner-service.ts +++ b/apps/cm/src/pages/dashboard/api/banner-service.ts @@ -31,18 +31,24 @@ export const getImageUrlByAtflCd = async (atflCd: string): Promise => { ); const blob = response.data; const url = URL.createObjectURL(blob); - console.log("[getImageUrlByAtflCd] 이미지 URL 생성 성공:", url); return url; } catch (error: unknown) { const err = error as | { status?: number; message?: string; response?: { status?: number } } + | Error | undefined; - console.error("[getImageUrlByAtflCd] 이미지 URL 조회 실패:", { - atflCd, - error: err, - status: err?.status ?? err?.response?.status, - message: err instanceof Error ? err.message : String(err), - }); - throw error; + const status = err && typeof err === "object" && "status" in err + ? err.status + : err && typeof err === "object" && "response" in err && err.response + ? err.response.status + : undefined; + const message = err instanceof Error + ? err.message + : err && typeof err === "object" && "message" in err + ? String(err.message) + : String(error); + + + return ""; } }; diff --git a/apps/cm/src/pages/dashboard/api/dashboard-service.ts b/apps/cm/src/pages/dashboard/api/dashboard-service.ts deleted file mode 100644 index 94bf807a1..000000000 --- a/apps/cm/src/pages/dashboard/api/dashboard-service.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { client } from "@/shared/api"; -import { ENDPOINT } from "@/shared/config"; -import type { Dashboard, DashboardService } from "../model/dashboard-interface"; - -export class DashboardApiService implements DashboardService { - public async getDashboard(): Promise { - const response = await client.get( - ENDPOINT.CMS_SERVICE.DASHBOARD, - ); - return response.data; - } -} - -export const DashboardApi = new DashboardApiService(); diff --git a/packages/common/components/src/ui/header/header.css b/packages/common/components/src/ui/header/header.css index d16edbbd4..a83a7bd38 100644 --- a/packages/common/components/src/ui/header/header.css +++ b/packages/common/components/src/ui/header/header.css @@ -1,6 +1,27 @@ @tailwind components; @layer components { + + /* 상단 메뉴 호버 시 하단 라인 - 기본 테마 */ + .header-nav-link { + position: relative; + } + + .header-nav-link::after { + content: ''; + position: absolute; + bottom: -4px; + left: 0; + width: 0; + height: 2px; + background-color: #063A74; + transition: width 0.3s ease; + } + + .header-nav-link:hover::after { + width: 100%; + } + [data-theme="blue"] { header { background: #00afe5; @@ -13,6 +34,20 @@ background: transparent !important; color: #fff; } + header button[role="button"].primary { + background-color: #008E8D !important; + color: #fff !important; + } + nav a, + .header-nav-link { + color: #fff !important; + } + .header-nav-link:hover { + color: #fff !important; + } + .header-nav-link::after { + background-color: #fff; + } } [data-theme="green"] { @@ -31,28 +66,16 @@ background-color: #008E8D !important; color: #fff !important; } - nav a { - @apply text-white; + nav a, + .header-nav-link { + color: #fff !important; + } + .header-nav-link:hover { + color: #fff !important; + } + .header-nav-link::after { + background-color: #fff; } } - /* 상단 메뉴 호버 시 하단 라인 */ - .header-nav-link { - position: relative; - } - - .header-nav-link::after { - content: ''; - position: absolute; - bottom: -4px; - left: 0; - width: 0; - height: 2px; - background-color: #063A74; - transition: width 0.3s ease; - } - - .header-nav-link:hover::after { - width: 100%; - } } diff --git a/packages/common/components/src/ui/sidebar/sidebar.css b/packages/common/components/src/ui/sidebar/sidebar.css index b7ed79d73..e8e789eff 100644 --- a/packages/common/components/src/ui/sidebar/sidebar.css +++ b/packages/common/components/src/ui/sidebar/sidebar.css @@ -7,8 +7,8 @@ background-image: linear-gradient( to bottom, #00afe5 0%, - #48bfad 65%, - #6ec05d 100% + #0099cc 50%, + #0088b3 100% ) !important; border: none; }