From 00548eb914a1874bec09d08826b9fd4dac8a0f83 Mon Sep 17 00:00:00 2001
From: truthwing <truthplumage@gmail.com>
Date: Thu, 17 Apr 2025 11:35:35 +0900
Subject: [PATCH] =?UTF-8?q?search=20=ED=8F=BC=20=ED=98=95=ED=83=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/dialog_ui/index.tsx                |  3 +--
 .../src/ui/search_form/index.tsx              |  2 +-
 .../src/ui/search_form_left/index.tsx         |  4 ++--
 .../src/ui/search_form_right/index.tsx        |  6 +++---
 .../src/ui/search_input/index.tsx             |  6 +++---
 .../src/ui/search_input_select/index.tsx      | 10 +++++-----
 .../src/ui/select/index.tsx                   |  4 ++--
 .../src/ui/select/lib/selectBox.tsx           | 20 ++++++-------------
 .../src/ui/table/index.tsx                    |  2 +-
 9 files changed, 24 insertions(+), 33 deletions(-)

diff --git a/packages/common/business_components/src/ui/dialog_ui/index.tsx b/packages/common/business_components/src/ui/dialog_ui/index.tsx
index 0f14c211e..b9e341279 100644
--- a/packages/common/business_components/src/ui/dialog_ui/index.tsx
+++ b/packages/common/business_components/src/ui/dialog_ui/index.tsx
@@ -1,5 +1,4 @@
-import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTrigger } from "@common/components";
-import { useState } from "react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader } from "@common/components";
 
 type ModalType = { 
   bodyClass: string;
diff --git a/packages/common/business_components/src/ui/search_form/index.tsx b/packages/common/business_components/src/ui/search_form/index.tsx
index 3bcd94171..b7588903c 100644
--- a/packages/common/business_components/src/ui/search_form/index.tsx
+++ b/packages/common/business_components/src/ui/search_form/index.tsx
@@ -1,7 +1,7 @@
 function SearchDiv ({children}:{ children: React.ReactNode; }) {
    return (
       <div className="flex card card-border !mt-6">
-        {children}   
+        {children}
       </div>
     )
 }
diff --git a/packages/common/business_components/src/ui/search_form_left/index.tsx b/packages/common/business_components/src/ui/search_form_left/index.tsx
index 3292ed936..91aaf2201 100644
--- a/packages/common/business_components/src/ui/search_form_left/index.tsx
+++ b/packages/common/business_components/src/ui/search_form_left/index.tsx
@@ -242,7 +242,7 @@ function SearchFormLeft({ isShowPart = false, children, selectSidoData = [], sel
   
   return (
     isShowPart ? (
-    <div className="grid grid-cols-12 gap-4 w-4/5 mx-4">
+    <div className="grid grid-cols-12 gap-5 w-11/12 m-4">
       <SelectBox className="col-span-3" label={'구분'} selectArray={selectPartData} onSelectValue={(val) => onSelectValue(val.toString(), 'part')} value={partValue} selectClass={undefined}/>
       {showPart === '01' ? (
         <>
@@ -265,7 +265,7 @@ function SearchFormLeft({ isShowPart = false, children, selectSidoData = [], sel
       {children}
     </div>
     ) : (
-      <div className="grid grid-cols-12 gap-4 w-4/5 mx-4">
+      <div className="grid grid-cols-12 gap-5 w-5/6 m-4">
         {children}
       </div>
     )
diff --git a/packages/common/business_components/src/ui/search_form_right/index.tsx b/packages/common/business_components/src/ui/search_form_right/index.tsx
index 676b90849..fda7eefd6 100644
--- a/packages/common/business_components/src/ui/search_form_right/index.tsx
+++ b/packages/common/business_components/src/ui/search_form_right/index.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
+import React from 'react';
 
 function SearchFormRight(props: {children: React.ReactNode}) {
   return (
-    <div className="w-1/5 mx-5 flex items-center justify-end space-x-2">
+    <div className="w-1/12 mx-5 flex flex-col items-center justify-center space-x-2">
         {props.children}
     </div>
   )
 }
 
-export { SearchFormRight };
\ No newline at end of file
+export { SearchFormRight };
diff --git a/packages/common/business_components/src/ui/search_input/index.tsx b/packages/common/business_components/src/ui/search_input/index.tsx
index bd634aa21..06ffce4ff 100644
--- a/packages/common/business_components/src/ui/search_input/index.tsx
+++ b/packages/common/business_components/src/ui/search_input/index.tsx
@@ -21,9 +21,9 @@ const SearchInput = React.forwardRef<HTMLInputElement, {className:string, label:
 
     return (
         <div className={className+" flex items-center"} >
-            {label && <Label className="w-20 text-base text-gray-600">{label}</Label>}
-            <Input className="flex-1 ml-8 w-3/4 h-10 border rounded" value={textValue} onChange={changeText} onKeyUp={keyUp}></Input>
+            {label && <Label className="w-20 text-xl text-gray-600">{label}</Label>}
+            <Input className="!text-lg flex-1 w-3/4 h-14 border rounded" value={textValue} onChange={changeText} onKeyUp={keyUp}></Input>
         </div>
     )
 });
-export { SearchInput };
\ No newline at end of file
+export { SearchInput };
diff --git a/packages/common/business_components/src/ui/search_input_select/index.tsx b/packages/common/business_components/src/ui/search_input_select/index.tsx
index 5a386b77b..bf8787356 100644
--- a/packages/common/business_components/src/ui/search_input_select/index.tsx
+++ b/packages/common/business_components/src/ui/search_input_select/index.tsx
@@ -24,12 +24,12 @@ const SearchInputSelect = React.forwardRef<HTMLInputElement, {className:string,
 
     return (
         <div className={className+" flex items-center"} >
-            {label && <Label className="w-20 text-base text-gray-600">{label}</Label>}
+            {label && <Label className="w-20 text-xl text-gray-600">{label}</Label>}
             <div className="flex w-full items-center">
-                <Input className="w-2/3 text-lg h-10 p-2 border rounded" value={textValue} onChange={changeText} />
+                <Input className="w-2/3 text-xl h-14 p-2 border rounded" value={textValue} onChange={changeText} />
                 <Select onValueChange={onSelectValue} value={selectValue}>
-                    <SelectTrigger className="ml-2 w-1/3 text-lg" >
-                    <SelectValue placeholder={selectData?.[0]?.text ?? ""} />
+                    <SelectTrigger className="ml-2 w-1/3" >
+                        <SelectValue placeholder={selectData?.[0]?.text ?? ""} />
                     </SelectTrigger>
                     {/* <SelectContent ref={refs ? (refs as unknown as RefType)?.selectValue : null}> */}
                     <SelectContent >
@@ -42,4 +42,4 @@ const SearchInputSelect = React.forwardRef<HTMLInputElement, {className:string,
         </div>
     )
 });
-export { SearchInputSelect };
\ No newline at end of file
+export { SearchInputSelect };
diff --git a/packages/common/business_components/src/ui/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx
index b03932256..ee6296677 100644
--- a/packages/common/business_components/src/ui/select/index.tsx
+++ b/packages/common/business_components/src/ui/select/index.tsx
@@ -23,7 +23,7 @@ const SelectBox = React.forwardRef<
 
   return (
     <div className={className+" flex items-center"} ref={ref}>
-      {label && <Label className="w-20 text-base text-gray-600">{label}</Label>}
+      {label && <Label className="w-20 text-xl text-gray-600">{label}</Label>}
       <Select onValueChange={onSelectValue} value={value !== undefined ? String(value) : undefined}>
         <SelectTrigger className={selectClass?selectClass:"flex-1 p-2 border rounded"}>
           <SelectValue placeholder={placeHolder} />
@@ -38,4 +38,4 @@ const SelectBox = React.forwardRef<
   )  
 })
 
-export { SelectBox };
\ No newline at end of file
+export { SelectBox };
diff --git a/packages/common/business_components/src/ui/select/lib/selectBox.tsx b/packages/common/business_components/src/ui/select/lib/selectBox.tsx
index 08e3abed3..cc4bac4d1 100644
--- a/packages/common/business_components/src/ui/select/lib/selectBox.tsx
+++ b/packages/common/business_components/src/ui/select/lib/selectBox.tsx
@@ -1,6 +1,6 @@
-import * as React from "react"
 import * as SelectPrimitive from "@radix-ui/react-select"
 import { Check, ChevronDown, ChevronUp } from "lucide-react"
+import * as React from "react"
 
 import { cn } from "../../../lib/utils"
 
@@ -17,7 +17,7 @@ const SelectTrigger = React.forwardRef<
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-13 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-xl ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     )}
     {...props}
@@ -103,7 +103,7 @@ const SelectLabel = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.Label
     ref={ref}
-    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
+    className={cn("py-1.5 pl-8 pr-2 text-lg font-semibold", className)}
     {...props}
   />
 ))
@@ -116,7 +116,7 @@ const SelectItem = React.forwardRef<
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-lg outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     )}
     {...props}
@@ -145,14 +145,6 @@ const SelectSeparator = React.forwardRef<
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName
 
 export {
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator,
-  SelectScrollUpButton,
-  SelectScrollDownButton,
+  Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue
 }
+
diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index c8ba18765..f6da92d7f 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -51,7 +51,7 @@ export function UiTable({ tableData, headlist, pageSize, total, children, headNa
         </div> : <></>}
       <div className={`card !m-[1.2rem] !p-0r ${className}`}>
         <Table variant="secondary">
-          <TableHeader >
+          <TableHeader className="font-bold">
           {children ? <>{children}</> : <TableRow>
             {headlist?.map((head) => (
               <TableHead key={head.id}>{head.title}</TableHead>