From aa577d54af1f9ad8e924ed5f08fae0b18b9361f5 Mon Sep 17 00:00:00 2001
From: geun <1416geun@naver.com>
Date: Fri, 12 Aug 2022 15:14:31 +0900
Subject: [PATCH] .

---
 src/assets/css/custom.css                       |  6 ++++--
 src/views/control/report/ControlReportDetail.js | 10 +++++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 4b60ea6..523b597 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -739,5 +739,7 @@ background-size: 75% auto;
 .m_ft_box{flex:0 0 49%}
 .m_ft_box + .m_ft_box{margin-left:1%}
 
-.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:400;}
-.layer-content-box .history-btn:hover{border-radius:4px;background:#7367f0;border-color:#7367f0;transition: 0.3s ease;-webkit-transition: 0.3s ease;}
\ No newline at end of file
+.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;}
+.historyModal .drone-ti span{font-weight:500;margin-top:6px}
+.historyModal .drone-name{color:#00cfe8;margin:0 10px 0 0;}
\ No newline at end of file
diff --git a/src/views/control/report/ControlReportDetail.js b/src/views/control/report/ControlReportDetail.js
index d6dd0ca..d3f0425 100644
--- a/src/views/control/report/ControlReportDetail.js
+++ b/src/views/control/report/ControlReportDetail.js
@@ -58,10 +58,14 @@ const ControlReportDetail = props => {
         <Modal
           isOpen={historyModal}
           toggle={() => setHistoryModal(!historyModal)}
-          className='modal-dialog-centered'
+          className='modal-dialog-centered historyModal'
         >
           <ModalHeader toggle={() => setHistoryModal(!historyModal)}>
-          (기체명) 비정상상황 알림내역
+          <div className='drone-ti'>
+            <span className="drone-name">DRONE01</span>
+            <span>알림내역</span>
+          </div>
+        
           </ModalHeader>
           <ModalBody>
             <table className='table pal-table'>
@@ -79,7 +83,7 @@ const ControlReportDetail = props => {
           </ModalBody>
           <ModalFooter>
             <Button
-              color='primary'
+              color='info'
               onClick={() => setHistoryModal(!historyModal)}
             >
               확인