대시보드 레이아웃 수정정

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>

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 }}>

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}

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>

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>

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>