From b04c215503fc1c9bec7a8abf5df0c8dbadf443f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EC=A7=80=EC=B2=A0?= <jcchoi@onasys.co.kr>
Date: Thu, 11 Dec 2025 21:10:34 +0900
Subject: [PATCH] =?UTF-8?q?layout=20=EA=B5=90=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cm/src/pages/dashboard/ui/basIn-select.tsx   | 10 ++++++++--
 apps/cm/src/pages/dashboard/ui/dashboard-page.tsx |  2 +-
 apps/cm/src/pages/dashboard/ui/reuse-chart.tsx    |  2 +-
 apps/cm/src/pages/dashboard/ui/reuse-status.tsx   |  2 +-
 apps/cm/src/pages/dashboard/ui/sn-old-ppl.tsx     |  2 +-
 apps/cm/src/pages/dashboard/ui/sn-ppl-status.tsx  |  3 ++-
 6 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/apps/cm/src/pages/dashboard/ui/basIn-select.tsx b/apps/cm/src/pages/dashboard/ui/basIn-select.tsx
index 78ab08637..7fd7e1f42 100644
--- a/apps/cm/src/pages/dashboard/ui/basIn-select.tsx
+++ b/apps/cm/src/pages/dashboard/ui/basIn-select.tsx
@@ -2,6 +2,7 @@
 
 import React from "react";
 import {
+  cn,
   Select,
   SelectContent,
   SelectItem,
@@ -12,14 +13,19 @@ import {
 interface BasinSelectProps {
   selectedBasin: string;
   onValueChange: (value: string) => void;
+  className?: string;
 }
 
-const BasinSelect: React.FC<BasinSelectProps> = ({ selectedBasin, onValueChange }) => {
+const BasinSelect: React.FC<BasinSelectProps> = ({
+   selectedBasin, 
+   onValueChange,
+   className
+  }) => {
   const basins = ["한강", "금강", "낙동강", "영산강"];
 
   return (
     <Select value={selectedBasin} onValueChange={onValueChange}>
-      <SelectTrigger className="w-[100px] h-8 bg-blue-500 text-white font-bold text-md border-none hover:bg-blue-600">
+      <SelectTrigger  className={cn("w-[12rem]", className)}>
         <SelectValue placeholder="유역 선택" />
       </SelectTrigger>
       <SelectContent>
diff --git a/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx b/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx
index 3fa6ed8e2..eeb680aa1 100644
--- a/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx
+++ b/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx
@@ -142,7 +142,7 @@ function DashboardPage() {
               <div className="card-header text-foreground">
                 <h3 className="text-2xl font-medium">유역별 정보</h3>
               </div>
-              <div id="mapArea" style={{height: "calc(100% - 20px)"}}>  
+              <div id="mapArea" style={{height: "calc(100% - 40px)"}}>  
                 <KoreaBasinMap />
               </div>
             </div>
diff --git a/apps/cm/src/pages/dashboard/ui/reuse-chart.tsx b/apps/cm/src/pages/dashboard/ui/reuse-chart.tsx
index 37bdb8fad..c8f0300d5 100644
--- a/apps/cm/src/pages/dashboard/ui/reuse-chart.tsx
+++ b/apps/cm/src/pages/dashboard/ui/reuse-chart.tsx
@@ -179,7 +179,7 @@ const ReuseChart: React.FC = () => {
     <div className="card card-border" style={{ height: "250px" }}>
       <div className="card-header text-foreground">
         <h3 className="text-2xl font-medium">{chartItems[activeIndex]?.title}</h3>
-        <Button variant="outline" size="sm" className="text-white h-8 py-0 ml-auto">더보기</Button>
+        <Button  className="h-[3.2rem]">더보기</Button>
       </div>
       <div className="h-60 p-4 relative overflow-hidden">
         <div
diff --git a/apps/cm/src/pages/dashboard/ui/reuse-status.tsx b/apps/cm/src/pages/dashboard/ui/reuse-status.tsx
index fbe58ed84..c10507a0e 100644
--- a/apps/cm/src/pages/dashboard/ui/reuse-status.tsx
+++ b/apps/cm/src/pages/dashboard/ui/reuse-status.tsx
@@ -30,7 +30,7 @@ const ReuseStatus: React.FC = () => {
     <div className="card card-border" style={{ height: "250px" }}>
       <div className="card-header text-foreground">
         <h3 className="text-2xl font-medium">물재이용 현황 (재이용량, m³)</h3>
-        <Button variant="outline" size="sm" className="text-white h-8 py-0 ml-auto">더보기</Button>
+        <Button  className="h-[3.2rem]">더보기</Button>
       </div>
       <div className="h-70 p-4">
         <div className="w-full h-full flex items-center justify-center">
diff --git a/apps/cm/src/pages/dashboard/ui/sn-old-ppl.tsx b/apps/cm/src/pages/dashboard/ui/sn-old-ppl.tsx
index 1e4157974..7a7af4572 100644
--- a/apps/cm/src/pages/dashboard/ui/sn-old-ppl.tsx
+++ b/apps/cm/src/pages/dashboard/ui/sn-old-ppl.tsx
@@ -168,7 +168,7 @@ export default function SnOldPpl() {
     <div className="card card-border" style={{ height: "250px" }}>
       <div className="card-header text-foreground">
         <h3 className="text-2xl font-medium">노후 하수관로 현황</h3>
-        <Button variant="outline" size="sm" className="text-white h-8 py-0 ml-auto">더보기</Button>
+        <Button  className="h-[3.2rem]">더보기</Button>
       </div>
       <div className="h-70 p-0 flex items-center justify-center">
         <div style={{ width: "100%", maxWidth: 400, height: 131 }}>
diff --git a/apps/cm/src/pages/dashboard/ui/sn-ppl-status.tsx b/apps/cm/src/pages/dashboard/ui/sn-ppl-status.tsx
index 292e83075..44f927ef5 100644
--- a/apps/cm/src/pages/dashboard/ui/sn-ppl-status.tsx
+++ b/apps/cm/src/pages/dashboard/ui/sn-ppl-status.tsx
@@ -190,7 +190,8 @@ export default function SnPplStatus() {
     <div className="card card-border" style={{ height: "250px" }}>
       <div className="card-header text-foreground">
         <h3 className="text-2xl font-medium">오수관로 및 우수관로 현황</h3>
-        <Button variant="outline" size="sm" className="text-white h-8 py-0 ml-auto">더보기</Button>
+        
+        <Button className="h-[3.2rem]">더보기</Button>
       </div>
       <div className="h-60 p-4">
         <div style={{ width: "100%", maxWidth: 400, height: 150 }}>