From 1846873602aa904a28ee0b1c424ad5b6479dc419 Mon Sep 17 00:00:00 2001
From: jyha00 <jyha@mind-one.co.kr>
Date: Wed, 9 Jul 2025 10:57:02 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=97=EB=AC=BC/=EC=A4=91=EC=88=98=EB=8F=84/?=
 =?UTF-8?q?=EC=98=A8=EB=B0=B0=EC=88=98=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20?=
 =?UTF-8?q?=EC=82=AC=EC=9D=B4=EC=A6=88=20=EC=9E=AC=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/form/fcltReg/htdflReg/htdflRegForm.tsx     | 14 ++++++++++++--
 .../ui/form/fcltReg/rainReg/rainRegForm.tsx       | 13 ++++++++++++-
 .../ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx     | 15 ++++++++++++---
 3 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx b/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
index e114d842b..34163d65f 100644
--- a/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
+++ b/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
@@ -16,7 +16,7 @@ import {
   hdtflZod,
   type customHtdflBdst,
 } from "@/app/store/ruseFcltMng/fcltReg/htdflReg";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import BdstReg from "../bdstReg/bdstReg";
 import {
   formatCommaNumber,
@@ -89,6 +89,16 @@ export default function HtdflRegForm({
       })),
     };
   };
+  const [divStyle, setDivStyle] = useState("h-[53vh]");
+  useEffect(()=>{
+    if(isModal===true){
+      setDivStyle("h-[53vh] max-h-[37vh]")
+    }else if(readonly===true){
+      setDivStyle("h-[62vh]")
+    }else{
+      setDivStyle("h-[53vh]")
+    }
+  },[isModal,readonly]);
 
   useEffect(() => {
     console.log("form errors:", form.formState.errors);
@@ -154,7 +164,7 @@ export default function HtdflRegForm({
               )}
             </div>
           </div>
-          <ScrollArea className={readonly ? "h-[62vh]" : "h-[53vh]"}>
+          <ScrollArea className={divStyle}>
             {isModal && htdflForm != undefined ? (
               <BdstReg form={form} type="HTB" />
             ) : (
diff --git a/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx b/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
index a0d0f5405..099d9efb1 100644
--- a/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
+++ b/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
@@ -49,6 +49,17 @@ export default function RainRegForm({
     "reuseBuilding.0.rainyObj.filtrTrtmfctYn",
   ]);
 
+  const [divStyle, setDivStyle] = useState("h-[53vh]");
+  useEffect(()=>{
+    if(isModal===true){
+      setDivStyle("h-[53vh] max-h-[37vh]")
+    }else if(readonly===true){
+      setDivStyle("h-[62vh]")
+    }else{
+      setDivStyle("h-[53vh]")
+    }
+  },[isModal,readonly]);
+
   const cleanRainData = (raw: any): z.infer<typeof rainZod> => {
     const buildings =
       raw?.reuseBuilding && raw.reuseBuilding.length > 0
@@ -164,7 +175,7 @@ export default function RainRegForm({
               )}
             </div>
           </div>
-          <ScrollArea className={readonly ? "h-[62vh]" : "h-[53vh]"}>
+          <ScrollArea className={divStyle}>
           {isModal && rainForm != undefined ? <BdstReg form={form} /> : <></>}
           {isModal ? (
             <h1 className="pl-3 text-xl col-span-10 mt-4">
diff --git a/apps/wr/components/ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx b/apps/wr/components/ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx
index e124ecc6f..3a10bf839 100644
--- a/apps/wr/components/ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx
+++ b/apps/wr/components/ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx
@@ -21,7 +21,7 @@ import {
 } from "@common/business_components/ui";
 import { Button, Input, ScrollArea } from "@common/components/ui";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { useForm, type UseFormReturn } from "react-hook-form";
 import { z } from "zod";
 import BdstReg from "../bdstReg/bdstReg";
@@ -40,7 +40,16 @@ export default function RswtrRegForm({
   const { rswt, code, rswtBdstUpdate, rswtBdstReg } = useWrStore(
     (state) => state
   );
-
+  const [divStyle, setDivStyle] = useState("h-[53vh]");
+  useEffect(()=>{
+    if(isModal===true){
+      setDivStyle("h-[53vh] max-h-[37vh]")
+    }else if(readonly===true){
+      setDivStyle("h-[62vh]")
+    }else{
+      setDivStyle("h-[53vh]")
+    }
+  },[isModal,readonly]);
  // const defaultValues: z.infer<typeof rswtZod> = rswtZod.parse({});
 
   const form = useForm<z.infer<typeof rswtZod>>({
@@ -151,7 +160,7 @@ export default function RswtrRegForm({
               )}
             </div>
           </div>
-          <ScrollArea className={readonly ? "h-[60vh]" : "h-[53vh]"}>
+          <ScrollArea className={divStyle}>
             {isModal && rswtForm != undefined ? <BdstReg form={form} /> : <></>}
             {isModal ? (
               <h1 className="pl-3 text-xl col-span-10  mt-4 ">