버튼 수정, circle 색상 변경

src/components/map/naver/draw/ControlDraw.js

@@ -99,10 +99,10 @@ export default function ControlDraw(props) {
     const coord = e.coord;
 
     const circle = new naver.maps.Circle({
-      strokeColor: '#283046',
+      strokeColor: '#ff0000',
       strokeOpacity: 1,
-      fillColor: '#7367F0',
+      fillColor: '#ff0000',
-      fillOpacity: 0.1,
+      fillOpacity: 0.3,
       center: coord,
       radius: 100,
       map: map,

src/views/control/main/ControlMain.js

@@ -303,21 +303,22 @@ const ControlMain = () => {
             </div>
           </Card>
         </div>
-        <div>
+        <div className='main-data-box flight-data'>
-          <Button.Ripple
+          <Card>
-            className='mr-1'
+            <div className='data-box-header'>
-            color='primary'
+              <span className='box-ti'>화재경보</span>
-            onClick={() => handlerDrawType('CIRCLE')}
+            </div>
-          >
+            <div className='data-list-box'>
-            Circle
+              <div className='data-list' style={{ cursor: 'pointer' }}>
-          </Button.Ripple>
+                <span onClick={() => handlerDrawType('CIRCLE')}>
-          <Button.Ripple
+                  화재구역설정
-            className='mr-1'
+                </span>
-            color='primary'
+              </div>
-            onClick={() => handlerDrawType('RESET')}
+              <div className='data-list' style={{ cursor: 'pointer' }}>
-          >
+                <span onClick={() => handlerDrawType('RESET')}>초기화</span>
-            초기화
+              </div>
-          </Button.Ripple>
+            </div>
+          </Card>
         </div>
       </div>
       {oepnReportList ? (