feat:

- searchModal 화면 반응형 크기 수정
- 침입수 분석 결과, RDII 분석 결과 표 세로 스크롤 삭제

apps/sn/app/(map-layout)/map/searchModal/basicTab.tsx

@@ -34,7 +34,7 @@ const BasicTab: React.FC = () => {
   const { basicType, setBasicType } = useSearchModalStore();
 
   return (
-    <div className="relative border rounded-lg p-5 w-full h-[10vh]">
+    <div className="relative border rounded-lg pt-5 px-5 w-full min-h-[10vh]">
       {/* 구분 */}
       <div className="mb-3 flex items-center justify-between gap-4">
         <div className="flex items-center">

apps/sn/app/(map-layout)/map/searchModal/operationTab.tsx

@@ -37,7 +37,7 @@ const OperationTab: React.FC = () => {
   }));
 
   return (
-    <div className="relative flex flex-col border rounded-lg p-5 w-full h-[10vh]">
+    <div className="relative flex flex-col border rounded-lg pt-5 px-5 w-full min-h-[10vh]">
       <div className="flex items-center mb-3">
         <Label className="text-xl text-gray-600 font-medium whitespace-nowrap mr-2">업무구분</Label>
         <SelectBox

apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx

@@ -72,15 +72,15 @@ const ReportTab: React.FC<ReportTabProps> = ({ open, isSearch = true, ctpvNm, sg
   } = useSearchModalStore();
   const { ctpv, sgg } = useStore();
   const {
-    isOpen: isReportFilesModalOpen, 
+    isOpen: isReportFilesModalOpen,
     setIsOpen: setIsReportFilesModalOpen,
     dcTree: reportOriginData,
     fetchDcTree
-   } = useReportTabStore(); // 모달 상태 관리 스토어
-   const { REPORT_TYPES, flattenFolders, addFileName } = useReportTab();
-   
-   useEffect(() => {
-     fetchDcTree("기본계획"); // 하수정비기본계획 report 
+  } = useReportTabStore(); // 모달 상태 관리 스토어
+  const { REPORT_TYPES, flattenFolders, addFileName } = useReportTab();
+
+  useEffect(() => {
+    fetchDcTree("기본계획"); // 하수정비기본계획 report 
   }, []);
 
   useEffect(() => {
@@ -206,7 +206,7 @@ const ReportTab: React.FC<ReportTabProps> = ({ open, isSearch = true, ctpvNm, sg
 
   return (
     <>
-      <div className={`relative flex flex-col border rounded-lg p-5 w-full ${isSearch ? "h-[10vh]" : "h-[6vh]"}`}>
+      <div className={`relative flex flex-col border rounded-lg pt-5 px-5 w-full ${isSearch ? "min-h-[10vh]" : "min-h-[6vh]"}`}>
         {isSearch && (
           <>
             <div className="flex items-center mb-3">

apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx

@@ -125,7 +125,7 @@ const SearchModal: React.FC = () => {
       {/* 📋 결과 리스트 */}
       {/* 기본정보 탭 */}
       {activeTab === 'basic' && (
-        <div className="h-[79vh] w-full overflow-hidden rounded-lg border">
+        <div className="h-[79vh] w-full overflow-x-hidden overflow-y-auto rounded-lg border mt-4">
           <div className="flex-1 px-2 pb-2">
             <LoadingOverlay isLoading={isLoading} />
             <UiTable
@@ -156,7 +156,7 @@ const SearchModal: React.FC = () => {
       {/* 유지관리 정보 탭 */}
       {activeTab === 'operation' && (
         <>
-          <div className="h-[39vh] w-full overflow-hidden rounded-lg border">
+          <div className="h-[39vh] w-full overflow-hidden rounded-lg border mt-4">
             <div className="flex-1 px-2 pb-2">
               <LoadingOverlay isLoading={isLoading} />
               <UiTable
@@ -217,23 +217,24 @@ const SearchModal: React.FC = () => {
   );
 
   return (
-    <>
+    <div className='overflow-x-auto overflow-y-hidden'>
       <UiModal
         open={isSearchModalOpen}
         onOpenChange={setIsSearchModalOpen}
         bodyClass={`
         h-[100dvh]
-        w-[60dvw]
-        max-w-[100dvw]
+        w-[90dvw]
+        max-w-[90dvw]
+        min-w-[1024px]
         max-h-[100dvh]
-        overflow-hidden
+        overflow-y-hidden
         z-[101]
       `}
         body={renderBody()}
         useDirectRender={true}
       />
       <Toaster position="top-center"></Toaster>
-    </>
+    </div>
   );
 };
 

apps/sn/app/(with-base-layout)/ii/rdiiResult/page.tsx

@@ -100,7 +100,7 @@ const Result = () => {
   const [sggCd, setSggCd] = useState<string>('0'); // 시군구 코드 상태
   const [sggName, setSggName] = useState<string>(''); // 시군구 이름 상태
 
-  const {ctpv, sgg} = useStore();
+  const { ctpv, sgg } = useStore();
 
   useEffect(() => {
     // setCurPage(1);
@@ -166,7 +166,7 @@ const Result = () => {
           sggNm: sggOne ? sggOne.text : item.sggCd,
         };
       })
-      .filter((item: any) => item.scsYn === 'Y');
+        .filter((item: any) => item.scsYn === 'Y');
 
       // 선택된 행 초기화
       setSelectedRowData(null);
@@ -304,9 +304,9 @@ const Result = () => {
       onDeleteFile={handleFileDelete}
       selectedRowData={selectedRowData}
     >
-      {[<div key='table1' className="h-[58vh] flex flex-col border rounded-lg bg-white shadow-md">
+      {[<div key='table1' className="flex-1 flex flex-col border rounded-lg bg-white shadow-md min-h-0">
         {/* <div className="mb-[1.2rem] text-xl font-medium">○ RDII 분석결과 현황</div> */}
-        <div className="flex-grow overflow-auto">
+        <div className="flex-1 min-h-0">
           <UiTable
             headName=''
             headlist={tableColumn}

apps/sn/app/(with-base-layout)/ii/result/page.tsx

@@ -96,7 +96,7 @@ const Result = () => {
   const [ctpvCd, setCtpvCd] = useState<string>('0'); // 시도 코드 상태
   const [sggCd, setSggCd] = useState<string>('0'); // 시군구 코드 상태
   const [sggName, setSggName] = useState<string>(''); // 시군구 이름 상태
-  const {ctpv, sgg} = useStore();
+  const { ctpv, sgg } = useStore();
 
   useEffect(() => {
     // setCurPage(1);
@@ -159,7 +159,7 @@ const Result = () => {
           sggNm: sggOne ? sggOne.text : item.sggCd,
         };
       })
-      .filter((item: any) => item.scsYn === 'Y');
+        .filter((item: any) => item.scsYn === 'Y');
 
       // 선택된 행 초기화
       setSelectedRowData(null);
@@ -296,9 +296,9 @@ const Result = () => {
       onDeleteFile={handleFileDelete}
       selectedRowData={selectedRowData}
     >
-      {[<div key='table1' className="h-[58vh] flex flex-col border rounded-lg bg-white shadow-md">
+      {[<div key='table1' className="flex-1 flex flex-col border rounded-lg bg-white shadow-md min-h-0">
         {/* <div className="mb-[1.2rem] text-xl font-medium">○ 침입수 산정결과 현황</div> */}
-        <div className="flex-grow overflow-auto">
+        <div className="flex-1 min-h-0">
           <UiTable
             headName=''
             headlist={tableColumn}