Browse Source

비행계획신청서 삭제버튼 수정

feature/auth
김지은 2 years ago
parent
commit
c671d07a39
  1. 11
      src/assets/css/custom.css
  2. 57
      src/components/basis/flight/plan/FlightPlanForm.js

11
src/assets/css/custom.css

@ -743,4 +743,13 @@ background-size: 75% auto;
.layer-content-box .history-btn{border-radius:4px;display:block;width:100%;height:45px;line-height:45px;text-align:center;font-size: 0.875rem;color:#ddd;font-weight:500;} .layer-content-box .history-btn{border-radius:4px;display:block;width:100%;height:45px;line-height:45px;text-align:center;font-size: 0.875rem;color:#ddd;font-weight:500;}
.layer-content-box .history-btn:hover{border-radius:4px;background:#00cfe8;border-color:#00cfe8;transition: 0.3s ease;-webkit-transition: 0.3s ease;} .layer-content-box .history-btn:hover{border-radius:4px;background:#00cfe8;border-color:#00cfe8;transition: 0.3s ease;-webkit-transition: 0.3s ease;}
.historyModal .drone-ti span{font-weight:500;margin-top:6px} .historyModal .drone-ti span{font-weight:500;margin-top:6px}
.historyModal .drone-name{color:#00cfe8;margin:0 10px 0 0;} .historyModal .drone-name{color:#00cfe8;margin:0 10px 0 0;}
.search-info-box-del-btn{display: flex; align-items: center;}
.search-info-box-del-btn button{cursor: pointer;margin-top:10px}
@media (max-width: 992px){
.search-info-box-del-btn button {
margin-bottom:1rem;
margin-top:0px;
}
}

57
src/components/basis/flight/plan/FlightPlanForm.js

@ -158,7 +158,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
<span className='necessary'>*</span> <span className='necessary'>*</span>
</Label> </Label>
<Flatpickr size='sm' <Flatpickr size='sm'
className='form-control calendar-flat' className='form-control form-control-sm calendar-flat'
type='text' type='text'
id='schFltStDt' id='schFltStDt'
name='schFltStDt' name='schFltStDt'
@ -183,7 +183,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
<span className='necessary'>*</span> <span className='necessary'>*</span>
</Label> </Label>
<Flatpickr size='sm' <Flatpickr size='sm'
className='form-control calendar-flat' className='form-control form-control-sm calendar-flat'
type='text' type='text'
id='schFltEndDt' id='schFltEndDt'
name='schFltEndDt' name='schFltEndDt'
@ -597,7 +597,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
</div> </div>
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' lg={4} md={6} sm={12}> <Col className='list-input' lg={3} md={6} sm={12}>
<FormGroup> <FormGroup>
<Label for='test'> <Label for='test'>
<span className='necessary'>*</span> <span className='necessary'>*</span>
@ -624,27 +624,26 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
/> />
</FormGroup> </FormGroup>
</Col> </Col>
{data.groupNm? <Col className='search-info-box-del-btn' lg={1} md={6} sm={12}>
( {data.groupNm?
<Col className='pilot-del-btn' xs={12} md={2} xl={2} > (
<Button.Ripple <Button.Ripple
color='danger' color='danger'
className='text-nowrap px-2' className='btn-icon'
onClick={() => onClick={() =>
handleDeleteArray({ type: 'pilot', index }) handleDeleteArray({ type: 'pilot', index })
} }
outline >
> <X size={14} />
<X size={14} className='mr-50' /> </Button.Ripple>
<span>삭제</span>
</Button.Ripple> )
</Col> :
) (
: <></>
( )
<></> }
) </Col>
}
</Row> </Row>
</div>) </div>)
} }
@ -734,7 +733,7 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
/> />
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' lg={3} md={6} sm={12}> <Col className='list-input' lg={2} md={6} sm={12}>
<FormGroup> <FormGroup>
<Label for='test'> <Label for='test'>
<span className='necessary'>*</span> <span className='necessary'>*</span>
@ -783,17 +782,15 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
} */} } */}
{data.groupNm? {data.groupNm?
( (
<Col className='arcrft-del-btn' xs={12} md={2} xl={2} > <Col className='search-info-box-del-btn' lg={1} md={6} sm={12}>
<Button.Ripple <Button.Ripple
color='danger' color='danger'
className='text-nowrap px-1' className='btn-icon'
onClick={() => onClick={() =>
handleDeleteArray({ type: 'arcrft', index }) handleDeleteArray({ type: 'arcrft', index })
} }
outline
> >
<X size={14} className='mr-50' /> <X size={14} />
<span>삭제</span>
</Button.Ripple> </Button.Ripple>
</Col> </Col>
) )

Loading…
Cancel
Save