물건현황 react-select 용 퍼블 scss 머지

src/components/management/StuffDetail.jsx

@@ -536,8 +536,11 @@ export default function StuffDetail() {
                     </th>
                     <td>
                       <div className="flx-box">
-                        <div style={{ width: '567px', marginRight: '5px' }}>
+                        <div className="select-wrap mr5" style={{ width: '567px' }}>
                           <Select
+                            className="react-select-custom"
+                            classNamePrefix="custom"
+                            placeholder="Select"
                             options={saleStoreList}
                             onChange={onSelectionChange}
                             getOptionLabel={(x) => x.saleStoreName}
@@ -562,8 +565,11 @@ export default function StuffDetail() {
                     </th>
                     <td>
                       <div className="flx-box">
-                        <div style={{ width: '567px', marginRight: '5px' }}>
+                        <div className="select-wrap mr5" style={{ width: '567px' }}>
                           <Select
+                            className="react-select-custom"
+                            classNamePrefix="custom"
+                            placeholder="Select"
                             ref={ref}
                             options={otherSaleStoreList}
                             onChange={onSelectionChange2}

src/components/management/StuffSearchCondition.jsx

@@ -257,8 +257,12 @@ export default function StuffSearchCondition() {
                 </td>
                 <th>{getMessage('stuff.search.schSelSaleStoreId')}</th>
                 <td>
+                  <div className="select-wrap">
                     {schSelSaleStoreList?.length > 0 && (
                       <Select
+                        className="react-select-custom"
+                        classNamePrefix="custom"
+                        placeholder="Select"
                         ref={ref}
                         options={schSelSaleStoreList}
                         onChange={onSelectionChange}
@@ -269,6 +273,7 @@ export default function StuffSearchCondition() {
                         isClearable={true}
                       />
                     )}
+                  </div>
                 </td>
               </tr>
               <tr>

src/components/management/popup/PlanRequestPop.jsx

@@ -339,13 +339,15 @@ export default function PlanRequestPop(props) {
                         </td>
                         <th>{getMessage('stuff.planReqPopup.search.planStatName')}</th>
                         <td>
-                          <div className="">
+                          <div className="select-wrap">
                             <Select
+                              className="react-select-custom"
+                              classNamePrefix="custom"
                               ref={ref}
                               options={tempList}
                               onChange={onSelectionChange}
                               isSearchable={false}
-                              placeholder="선택하세요."
+                              placeholder="Select"
                               isClearable={true}
                             />
                           </div>