search_form 및 selectbox 영역 수정정

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

@@ -1,6 +1,18 @@
+/**
+ *  검색영역 스타일 
+ */
+const styles = {
+    divStyle : {
+      border: '1px solid black',
+      margin: '1rem',
+      display: 'flex',
+      borderRadius: '1rem'
+    } as React.CSSProperties
+}
+
 function SearchDiv ({children}:{ children: React.ReactNode; }) {
    return (
-      <div>
+      <div style={styles.divStyle}>
         {children}   
       </div>
     )

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

@@ -1,14 +1,33 @@
+import { Label } from "@common/components";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./lib/selectBox";
 
+/** 차트 기본 스타일 */
+const styles = {
+    selectBoxDiv : {
+      marginLeft : '2rem',
+      display : 'flex'
+    } as React.CSSProperties,
+    selectStyle : {
+      marginLeft: '1rem',
+      width:'8rem'
+    } as React.CSSProperties,
+    labelStyle : {
+      margin:'0.8rem 0.8rem 0.8rem 0.8rem',
+      fontSize: '10px',
+    } as React.CSSProperties
+}
+
 interface SelectBox1 {
   text:string,
   val:string
 }
 
-function SelectBox(props: { selectArray: SelectBox1[]}){
+function SelectBox(props: {label : string, selectArray: SelectBox1[]}){
   return (
-    <Select>
-      <SelectTrigger className="w-[100px]">
+    <div style={styles.selectBoxDiv}>
+      <Label style={styles.labelStyle}>{props.label}</Label>
+      <Select style={styles.selectStyle}>
+        <SelectTrigger style={styles.selectStyle} className="w-[180px]">
           <SelectValue placeholder="Theme" />
         </SelectTrigger>
         <SelectContent>
@@ -17,6 +36,7 @@ function SelectBox(props: { selectArray: SelectBox1[]}){
           ))}
         </SelectContent>
       </Select>
+    </div>
   )  
 }