sn: 팝업 화면 여백 조정

apps/sn/app/(map-layout)/map/components/agedPipeStatusByCtpv/AgedPipeStatusByCtpvPopupPage.tsx

@@ -286,6 +286,7 @@ export default function AgedPipeStatusByCtpvPopupPage() {
 
       <StandardDataTable
         table={table}
+        className="!w-full !max-w-full"
         title="시도별 노후관로 목록"
         total={rows.length}
         scrollMode="horizontal"
@@ -295,6 +296,7 @@ export default function AgedPipeStatusByCtpvPopupPage() {
             엑셀다운로드
           </Button>
         }
+        flushOuterMargin
       />
     </StandardPopupLayout>
   );

apps/sn/app/(map-layout)/map/components/agedPipeStatusByCtpv/agedPipeStatusByCtpvUtils.ts

@@ -65,16 +65,16 @@ export const normalizeAgedPipeStatusByCtpvFilters = (
   filters: Partial<AgedPipeStatusByCtpvFilters>,
 ): AgedPipeStatusByCtpvFilters => {
   const currentYear = new Date().getFullYear();
-  let startYear = Math.trunc(Number(filters.startYear ?? currentYear));
-  let endYear = Math.trunc(Number(filters.endYear ?? startYear));
+  let startYear = Math.trunc(Number(filters.startYear ?? currentYear - 2));
+  let endYear = Math.trunc(Number(filters.endYear ?? currentYear));
   let elapsedYears = Math.trunc(
     Number(
       filters.elapsedYears ?? AGED_PIPE_STATUS_BY_CTPV_DEFAULT_ELAPSED_YEARS,
     ),
   );
 
-  if (!Number.isFinite(startYear)) startYear = currentYear;
-  if (!Number.isFinite(endYear)) endYear = startYear;
+  if (!Number.isFinite(startYear)) startYear = currentYear - 2;
+  if (!Number.isFinite(endYear)) endYear = currentYear;
   if (
     !Number.isFinite(elapsedYears) ||
     elapsedYears < 1 ||

apps/sn/app/(map-layout)/map/components/floodDngrMap/FloodDngrMapPopupPage.tsx

@@ -390,8 +390,6 @@ export default function FloodDngrMapPopupPage() {
         onPageChange={(page) => void loadRows(page, appliedFilters)}
         onRowClick={(row) => void handleRowClick(row)}
         rowId={(row, index) => `${row.sggCd}-${row.sbmrgFrqExpln}-${index}`}
-        scrollMode="horizontal"
-        minTableWidth="120rem"
       />
     </StandardPopupLayout>
   );

apps/sn/src/features/windowPopup/model/popupDefinitions.ts

@@ -191,7 +191,7 @@ export const windowPopupDefinitions = {
   agedPipeStatusByCtpvPopup: {
     key: "agedPipeStatusByCtpvPopup",
     title: "시도별 노후관로현황",
-    width: 1160,
+    width: 1400,
     height: 820,
   },
   fldngHstryPopup: {

packages/common/business_components/src/ui/standard_data_table/index.tsx

@@ -253,7 +253,7 @@ function StandardDataTable<T>({
   return (
     <div
       className={cn(
-        "standard-data-table card card-border min-w-0 overflow-hidden",
+        "standard-data-table card card-border w-full max-w-full min-w-0 overflow-hidden",
         flushOuterMargin && "!m-0",
         shouldFillAvailableHeight ? "flex min-h-0 flex-1 flex-col" : "shrink-0",
         className,

packages/common/business_components/src/ui/standard_popup/index.tsx

@@ -43,7 +43,7 @@ function StandardPopupLayout({
           className,
         )}
       >
-        <header className="card-header min-h-[5.2rem] shrink-0 gap-3">
+        <header className="card-header !mx-0 min-h-[5.2rem] shrink-0 gap-3 !px-[1.2rem]">
           <h1 className="min-w-0 text-[1.8rem] font-semibold text-label">
             {title}
           </h1>
@@ -66,7 +66,7 @@ function StandardPopupLayout({
 
         <div
           className={cn(
-            "flex min-h-0 flex-1 flex-col gap-[1.2rem] overflow-y-auto bg-background p-3",
+            "flex min-h-0 flex-1 flex-col gap-[1.2rem] overflow-y-auto bg-background p-3 !px-[1.2rem]",
             bodyClassName,
           )}
         >