diff --git a/apps/wr/app/map/newWindowPopup.tsx b/apps/wr/app/map/newWindowPopup.tsx index e0e43931c..4a3ad41bb 100644 --- a/apps/wr/app/map/newWindowPopup.tsx +++ b/apps/wr/app/map/newWindowPopup.tsx @@ -456,7 +456,7 @@ const NewWindowPopup: React.FC = ({ if (isPrcsFclt) { if (viewMode == 'list') { return ( - <> +
</div> @@ -470,11 +470,11 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({ cellClick={hasuCellClick} onPageChange={setHasuPage} /> - </> + </div> ) } else { return ( - <> + <div style={{overflowX:'hidden'}}> <div className="flex justify-between items-center mb-4"> <Title title="하수처리시설 상세정보" /> </div> @@ -497,7 +497,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({ cellClick={() => { }} onPageChange={() => { }} /> - </> + </div> ) } } @@ -528,7 +528,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({ } else { // 재이용시설 목록 return ( - <> + <div style={{overflowY:'auto'}}> <div className="flex justify-between items-center"> <Title title="하수재이용시설 현황" /> {/* <div className="flex gap-2 mt-8"> @@ -550,7 +550,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({ > <HeadMakeColSpan upHeadList={pbnstSttn.pbnstSttNodeList} /> </UiTable> - </> + </div> ); } } @@ -600,7 +600,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({ } else { // 중수도시설 목록 return ( - <> + <div style={{overflowY:'auto'}}> <div className="flex justify-between items-center"> <Title title="중수도시설 현황" /> {/* <div className="flex gap-2 mt-8"> @@ -622,7 +622,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({ > <HeadMakeColSpan upHeadList={rswtSttn.rswtSttNodeList} /> </UiTable> - </> + </div> ); } } @@ -636,7 +636,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({ } else { // 온배수시설 목록 return ( - <> + <div style={{overflowY:'auto'}}> <div className="flex justify-between items-center"> <Title title="온배수시설 현황" /> {/* <div className="flex gap-2 mt-8"> @@ -658,7 +658,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({ > <HeadMakeColSpan upHeadList={htdflSttn.htdflSttNodeList} /> </UiTable> - </> + </div> ); } } @@ -671,9 +671,10 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({ <NewWindowPortal onClose={memoizedOnClose} title="시설 상세 정보" - width={viewMode == 'list' ? window.screen.availWidth : 1000} + width={viewMode == 'list' ? window.screen.availWidth : 1100} height={viewMode == 'list' ? window.screen.availHeight : layerId == '하수처리시설' && viewMode == 'detail' ? 450 : 900} - scrollbars="yes"> + scrollbars='yes' + resizable='no'> {/* 체크된 레이어에 따른 조건부 렌더링 */} {renderConditionalContent()} </NewWindowPortal>