상단수정

src/assets/css/custom.css

@@ -1272,3 +1272,6 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .distance-check .text{margin-top:6px}
 .distance-check .text p{font-weight:400;}
 .distance-check .text p .finish{display:block;margin-top:-4px;font-weight:400;color:#0090d8}
+
+.list-input .form-group label{font-size: .875rem;font-weight: 500;}
+.list-input .form-group{margin-bottom:0;}

src/components/flight/NewFlightApprovalsReport.js

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef } from 'react';
 import Flatpickr from 'react-flatpickr';
-import { Button, Input, CustomInput, Col, Row } from '@component/ui';
+import { Button, Input, CustomInput, Col, Row, FormGroup, Label } from '@component/ui';
 import { Search, Calendar } from 'react-feather';
 import dayjs from 'dayjs';
 import {
@@ -54,9 +54,8 @@ export default function NewFlightApprovalsReport(props) {
         <div className='input-n'>
           <div className='list-input'>
             <div className='layer-content'>
-              <div className='layer-ti'>
+              <FormGroup>
-                <h4>신청일자</h4>
+                <Label for='searchDate'>신청일자</Label>
-              </div>
                 <div className='calendar-flat'>
                 <Flatpickr
                   ref={flatPickerRef}
@@ -76,14 +75,14 @@ export default function NewFlightApprovalsReport(props) {
                 />
                 <Calendar size={14} />
               </div>
+              </FormGroup>
             </div>
           </div>
 
           <div className='list-input'>
             <div className='layer-content'>
-              <div className='layer-ti'>
+              <FormGroup>
-                <h4>신청번호</h4>
+                  <Label for=''>신청번호</Label>
-              </div>
                   <Input
                     type='text'
                     bsSize='sm'
@@ -92,14 +91,14 @@ export default function NewFlightApprovalsReport(props) {
                     onChange={e => props.setFilterId(e.target.value)}
                     onKeyPress={handleKeyDown}
                   />
+                </FormGroup>
             </div>
           </div>
 
           <div className='list-input'>
             <div className='layer-content'>
-              <div className='layer-ti'>
+             <FormGroup>
-                <h4>검토결과</h4>
+                <Label for='reviewedType'>검토결과</Label>
-              </div>
                 <CustomInput
                   type='select'
                   bsSize='sm'
@@ -119,6 +118,7 @@ export default function NewFlightApprovalsReport(props) {
                     </option>
                   ))}
                 </CustomInput>
+              </FormGroup>
             </div>
           </div>
         </div>