From 4e17144b9d5483671916a3d973969c78a785eec2 Mon Sep 17 00:00:00 2001
From: jyha00 <jyha@mind-one.co.kr>
Date: Tue, 20 May 2025 11:37:28 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B3=B5=ED=86=B5=20=EB=93=B1=EB=A1=9D=20css?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/ruseFcltMng/fcltReg/rainReg/page.tsx  | 21 +++++----
 .../ruseFcltMng/fcltReg/rainReg/index.tsx     |  2 +-
 apps/wr/components/lib/class/comClass.tsx     |  2 +
 .../ui/form/fcltReg/rainReg/rainRegForm.tsx   | 43 ++++++++++---------
 4 files changed, 38 insertions(+), 30 deletions(-)
 create mode 100644 apps/wr/components/lib/class/comClass.tsx

diff --git a/apps/wr/app/ruseFcltMng/fcltReg/rainReg/page.tsx b/apps/wr/app/ruseFcltMng/fcltReg/rainReg/page.tsx
index 00e77a364..9bb24c7a1 100644
--- a/apps/wr/app/ruseFcltMng/fcltReg/rainReg/page.tsx
+++ b/apps/wr/app/ruseFcltMng/fcltReg/rainReg/page.tsx
@@ -94,16 +94,14 @@ export default function Home() {
             <SearchDiv>
               <SearchFormLeft>
                 <SearchInput
-                  className={" col-span-3 my-7 !text-3xl"}
+                  className={"col-span-3 my-7 !text-3xl"}
                   label="건물명"
                   textValue={searchTxt || ""}
                   setText={(e) => {
                     setSearchTxt(e);
                   }}
                 />
-              </SearchFormLeft>
-              <SearchFormRight>
-                <div className="flex flex-row space-x-2">
+                <div className="flex flex-row space-x-2 items-center">
                   <Button
                     className=""
                     size={"sm"}
@@ -121,11 +119,15 @@ export default function Home() {
                     신규등록
                   </Button>
                 </div>
-              </SearchFormRight>
+              </SearchFormLeft>
+              
+              {/* <SearchFormRight>
+                
+              </SearchFormRight> */}
             </SearchDiv>
           </div>
         </div>
-        <div className="h-screen grid grid-cols-6 gap-4 !overflow-y-scroll">
+        <div className="h-screen grid grid-cols-6 gap-4">
           <div className="col-span-4 h-full min-h-0">
             <ListDiv className="h-full min-h-0">
               <ScrollArea className="h-[60vh]">
@@ -134,7 +136,7 @@ export default function Home() {
                   headlist={rain.upHeadList}
                   pageSize={20}
                   total={10000}
-                  headName={"○건축물 목록"}
+                  headName={"건축물 목록"}
                   cellClick={(val, headId) => {
                     cellClick(val, headId);
                   }}
@@ -144,12 +146,15 @@ export default function Home() {
               </ScrollArea>
             </ListDiv>
           </div>
-          <div className="col-span-2  max-h-full overflow-y-scroll">
+          <div className="col-span-2  max-h-full">
+            
             <ListDiv className="">
+              <ScrollArea className="h-[60vh]">
               <RainRegForm
                 rainForm={rainForm ?? ({} as customRainBdst)}
                 isModal={false}
               ></RainRegForm>
+              </ScrollArea>
             </ListDiv>
           </div>
         </div>
diff --git a/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
index f857671a9..d38bc6b88 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
@@ -107,7 +107,7 @@ export const upHeadList: TableUpperProps[] = [
 const rainRes: customRainBdst[] = [];
 
 
-export const selectClass = "w-full h-full !text-2xl";
+export const selectClass = "w-full h-full !text-xl";
 
 export type rainFacState = {
   rain: {
diff --git a/apps/wr/components/lib/class/comClass.tsx b/apps/wr/components/lib/class/comClass.tsx
new file mode 100644
index 000000000..501b75be0
--- /dev/null
+++ b/apps/wr/components/lib/class/comClass.tsx
@@ -0,0 +1,2 @@
+export const formH1Class = "bg-[#eaf3fb] text-xl text-center border-2 p-2 mt-4 font-medium"
+export const formH2Class = "text-xl my-4 underline font-bold"
\ No newline at end of file
diff --git a/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx b/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
index e1a1617a2..58649879e 100644
--- a/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
+++ b/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
@@ -19,6 +19,7 @@ import {
   formatCommaNumber,
   handleCommaNumberChange,
 } from "@/components/lib/func/commom";
+import { formH1Class, formH2Class } from "@/components/lib/class/comClass";
 
 export default function RainRegForm({
   rainForm,
@@ -107,15 +108,15 @@ export default function RainRegForm({
   const inputClass = "!text-lg";
 
   return (
-    <div className="">
+    <div className=" !mx-[1.6rem] !p-0r">
       <Form {...form}>
         <form onSubmit={form.handleSubmit(onSubmit)}>
           <div>
-            <div className="grid grid-cols-12">
-              <h1 className="pl-3 !text-lg col-span-10">
-                {isModal ? "○건축물 운영정보" : "○ 빗물이용시설 정보"}
+            <div className="grid grid-cols-12 flex items-center card-header">
+              <h1 className="text-2xl font-medium text-label col-span-10">
+                {isModal ? "건축물 운영정보" : "빗물이용시설 정보"}
               </h1>
-              <Button type="submit" className="mr-4 rounded-lg  col-span-2">
+              <Button type="submit" className="col-span-2 " size={"sm"}>
                 저장
               </Button>
             </div>
@@ -128,11 +129,11 @@ export default function RainRegForm({
           ) : (
             <></>
           )}
-          <h1 className="bg-gray-400 text-xl text-center border-2 p-2 mt-4  ">
+          <h1 className={formH1Class}>
             기본정보
           </h1>
 
-          <div className="grid grid-cols-4 gap-2 mt-4 pl-6">
+          <div className="grid grid-cols-4 gap-2 mt-4">
             <div className="col-span-2">
               <FormField
                 control={form.control}
@@ -175,16 +176,16 @@ export default function RainRegForm({
               />
             </div>
           </div>
-          <div className=" my-4">
-            <h1 className="bg-gray-400 text-xl text-center border-2 p-2  mt-4 pl-6">
+          <div className="">
+            <h1 className={formH1Class}>
               빗물이용시설 정보
             </h1>
           </div>
           <div>
-            <h2 className="pl-3 text-xl">✓ 1. 집수면</h2>
+            <h2 className={formH2Class}>집수면</h2>
           </div>
-          <div className="grid grid-cols-10  gap-1 mt-4">
-            <div className="col-span-5 pl-6">
+          <div className="grid grid-cols-10  gap-4 mt-4 ">
+            <div className="col-span-5">
               <FormField
                 control={form.control}
                 name="reuseBuilding.0.rainyObj.pntfColKnd"
@@ -224,10 +225,10 @@ export default function RainRegForm({
           </div>
 
           <div>
-            <h2 className="pl-3 text-xl">✓ 2. 여과 등 처리시설</h2>
+            <h2 className={formH2Class}>여과 등 처리시설</h2>
           </div>
           <div className="grid grid-cols-12 gap-2 mt-4">
-            <div className="col-span-4 pl-6">
+            <div className="col-span-4">
               <FormField
                 control={form.control}
                 name="reuseBuilding.0.rainyObj.filtrTrtmfctYn"
@@ -285,20 +286,20 @@ export default function RainRegForm({
             </div>
           </div>
           <div className=" my-2">
-            <h1 className="bg-gray-400 text-xl text-center border-2 p-2 mt-4  ">
+            <h1 className={formH1Class}>
               인센티브 정보
             </h1>
           </div>
           <div>
-            <h2 className="pl-3 text-xl">✓ 1. 설치비 지원</h2>
+            <h2 className={formH2Class}>설치비 지원</h2>
           </div>
-          <div className="grid grid-cols-10 gap-2 pl-6 mt-4">
+          <div className="grid grid-cols-10 gap-2 mt-4">
             <div className="col-span-5">
               <FormField
                 control={form.control}
                 name="reuseBuilding.0.instlCstSprtYn"
                 render={({ field }) => (
-                  <FormUi label="설치비 지원 여부">
+                  <FormUi label="지원 여부">
                     <SelectBox
                       className={""}
                       selectClass={selectClass}
@@ -334,10 +335,10 @@ export default function RainRegForm({
           </div>
 
           <div>
-            <h2 className="pl-3 text-xl">✓ 2. 녹색건축물 인증</h2>
+            <h2 className={formH2Class}>녹색건축물 인증</h2>
           </div>
           <div className="grid grid-cols-6 gap-2 mt-4">
-            <div className="col-span-3 pl-6">
+            <div className="col-span-3">
               <FormField
                 control={form.control}
                 name="reuseBuilding.0.grntchBdstCertYn"
@@ -373,7 +374,7 @@ export default function RainRegForm({
                 )}
               />
             </div>
-            <div className="col-span-3 pl-6">
+            <div className="col-span-3 ">
               <FormField
                 control={form.control}
                 name="reuseBuilding.0.grntchBdstCertNo"