layout 교정

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>

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>

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

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

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

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