From 675b812eac1e5d8e14e7a1d8bcfed1e05c02a8a0 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: Sun, 14 Dec 2025 14:41:18 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=88=98=EC=A0=95?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cm/src/pages/dashboard/ui/fo-fclt-cnt-rt.tsx    | 4 ++--
 apps/cm/src/pages/dashboard/ui/fo-wqlt-Infl-effl.tsx | 2 +-
 apps/cm/src/pages/dashboard/ui/reuse-chart.tsx       | 4 ++--
 apps/cm/src/pages/dashboard/ui/reuse-status.tsx      | 4 ++--
 apps/cm/src/pages/dashboard/ui/sn-old-ppl.tsx        | 2 +-
 apps/cm/src/pages/dashboard/ui/sn-ppl-status.tsx     | 2 +-
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/cm/src/pages/dashboard/ui/fo-fclt-cnt-rt.tsx b/apps/cm/src/pages/dashboard/ui/fo-fclt-cnt-rt.tsx
index 3e87c5826..0c79e14bc 100644
--- a/apps/cm/src/pages/dashboard/ui/fo-fclt-cnt-rt.tsx
+++ b/apps/cm/src/pages/dashboard/ui/fo-fclt-cnt-rt.tsx
@@ -61,7 +61,7 @@ const FoFcltCntRt: React.FC = () => {
         <h3 className="text-2xl font-medium">수계별 시설운영 개소수 및 가동률</h3>
         <BasinSelect selectedBasin={selectedBasin} onValueChange={onBasinChange} />
       </div>
-      <div className="h-60 p-4">
+      <div className="h-70 p-4">
         <div className="flex gap-2 h-full">
           {/* 왼쪽: 개소수 카드 */}
           <div className="flex-1">
@@ -69,7 +69,7 @@ const FoFcltCntRt: React.FC = () => {
               <div className="card-header text-foreground text-center">
                 <h3 className="text-l font-medium mx-auto">개소수 ({year}년도)</h3>
               </div>
-              <div className="flex items-center justify-center flex-1">
+              <div className="flex items-center justify-center flex-1"  style={{ height: "200px" }}>
                 <div style={{ fontSize: "38px", textAlign: "center", fontWeight: "600", lineHeight: "1.2", color: "#0ec58a" }}>
                   {displayData.facilityCount.toLocaleString()} <span style={{ fontSize: "14px", color: "#000000" }}>개소</span>
                 </div>
diff --git a/apps/cm/src/pages/dashboard/ui/fo-wqlt-Infl-effl.tsx b/apps/cm/src/pages/dashboard/ui/fo-wqlt-Infl-effl.tsx
index 4a2bd86b0..05f7fe34e 100644
--- a/apps/cm/src/pages/dashboard/ui/fo-wqlt-Infl-effl.tsx
+++ b/apps/cm/src/pages/dashboard/ui/fo-wqlt-Infl-effl.tsx
@@ -199,7 +199,7 @@ const FoWqltInflEffl: React.FC = () => {
         <h3 className="text-2xl font-medium">수계별 유입ㆍ방류수질 분석</h3>
         <BasinSelect  selectedBasin={selectedBasin} onValueChange={onBasinChange}  />
       </div>
-      <div className="h-60">
+      <div style={{ width: "100%", maxWidth: 400, height: 180 }}>
         <div style={{ padding: '4px', height: '100%', display: 'flex', flexDirection: 'column' }}>
           {/* 탭 메뉴 */}
           <div style={{ display: 'flex', gap: '20px', borderBottom: '1px solid #000000', flexShrink: 0 }}>
diff --git a/apps/cm/src/pages/dashboard/ui/reuse-chart.tsx b/apps/cm/src/pages/dashboard/ui/reuse-chart.tsx
index d71c04711..d812c938e 100644
--- a/apps/cm/src/pages/dashboard/ui/reuse-chart.tsx
+++ b/apps/cm/src/pages/dashboard/ui/reuse-chart.tsx
@@ -185,7 +185,7 @@ const ReuseChart: React.FC = () => {
         <h3 className="text-2xl font-medium">{chartItems[activeIndex]?.title}</h3>
         <Button  className="h-[3.2rem]" onClick={handleMoreClick}>더보기</Button>
       </div>
-      <div className="h-60 p-4 relative overflow-hidden">
+      <div className="p-4 relative overflow-hidden" style={{ width: "100%", maxWidth: 400, height: 180 }}>
         <div
           className="flex transition-transform duration-500 ease-in-out h-full"
           style={{ transform: `translateX(-${activeIndex * 100}%)` }}
@@ -197,7 +197,7 @@ const ReuseChart: React.FC = () => {
           ))}
         </div>
         
-        <div className="absolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2">
+        <div className="absolute bottom-0 left-1/2 -translate-x-1/2 flex space-x-2">
           {chartItems.map((_, index) => (
             <button
               key={index}
diff --git a/apps/cm/src/pages/dashboard/ui/reuse-status.tsx b/apps/cm/src/pages/dashboard/ui/reuse-status.tsx
index edc638d8e..d1e7c4c15 100644
--- a/apps/cm/src/pages/dashboard/ui/reuse-status.tsx
+++ b/apps/cm/src/pages/dashboard/ui/reuse-status.tsx
@@ -40,7 +40,7 @@ const ReuseStatus: React.FC = () => {
         <div className="w-full h-full flex items-center justify-center">
           <table className="w-full border-collapse text-md">
             <thead>
-              <tr>
+              <tr  style={{ height: "35px" }}>
                 <th className="bg-blue-500 text-white font-bold py-1 px-3 border border-gray-300">
                   년도
                 </th>
@@ -57,7 +57,7 @@ const ReuseStatus: React.FC = () => {
             </thead>
             <tbody>
               {reuseStatusData && reuseStatusData.length > 0 && reuseStatusData?.map((row, index) => (
-                <tr key={index} className="hover:bg-gray-50">
+                <tr key={index} className="hover:bg-gray-50" style={{ height: "35px" }}>
                   <td className="bg-blue-100 font-semibold text-center py-1 px-3 border border-gray-300">
                     {row.yr}
                   </td>
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 dfcea9149..757d9a4d2 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() {
         <Button  className="h-[3.2rem]" onClick={handleMoreClick}>더보기</Button>
       </div>
       <div className="h-70 p-0 flex items-center justify-center">
-        <div style={{ width: "100%", maxWidth: 400, height: 131 }}>
+        <div style={{ width: "100%", maxWidth: 400, height: 180 }}>
           <Bar options={options} data={chartData} />
         </div>
       </div>
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 3413700ff..0a378975c 100644
--- a/apps/cm/src/pages/dashboard/ui/sn-ppl-status.tsx
+++ b/apps/cm/src/pages/dashboard/ui/sn-ppl-status.tsx
@@ -195,7 +195,7 @@ export default function SnPplStatus() {
         <Button className="h-[3.2rem]" onClick={handleMoreClick}>더보기</Button>
       </div>
       <div className="h-60 p-4">
-        <div style={{ width: "100%", maxWidth: 400, height: 150 }}>
+        <div style={{ width: "100%", maxWidth: 400, height: 180 }}>
           <Bar options={options} data={chartData} />
         </div>
       </div>