diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index b7018934..427374f9 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -1266,3 +1266,9 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} .pal-table-warp .success{color:#0090d8;font-weight:400;} .pal-table-warp .fail{color:#ed1125;font-weight:400;} +.distance-check .btn-box{margin-top:6px} +.distance-check .btn-box button + button{margin-left:0.4rem} +.distance-check .btn-box .btn-icon:hover{box-shadow:none;} +.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} \ No newline at end of file diff --git a/src/containers/flight/OperationApprovalsContainer.js b/src/containers/flight/OperationApprovalsContainer.js index 6edc0313..c2bf536a 100644 --- a/src/containers/flight/OperationApprovalsContainer.js +++ b/src/containers/flight/OperationApprovalsContainer.js @@ -37,7 +37,8 @@ import { ModalFooter, Table } from '@component/ui'; -import { FiUsers, FiFileText } from 'react-icons/fi'; +import { FiUsers, FiFileText, FiRotateCw, FiCornerUpLeft } from 'react-icons/fi'; +import { X } from 'react-feather' import mapboxgl from 'mapbox-gl'; import * as turf from '@turf/turf'; @@ -726,6 +727,28 @@ export default function OperationApprovalsContainer({ mode }) { +
+

측정

+
+
+ + + +
+
+

+ 지도에서 지점을 클릭하여 거리를 측정하세요. + 총 거리 : 1050.24m +

+
+
+