비행 승인 테이블 사이즈 1차

src/assets/css/custom.css

@@ -1181,7 +1181,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .flight-approval .rdt_TableHeadRow>div{display:none}
 .flight-approval .rdt_TableHeadRow .rdt_TableCol{display:block;font-size:0.8rem;}
 .flight-approval .rdt_TableHeadRow .rdt_TableCol div{font-weight:600}
-.flight-approval-layer{width:750px;overflow:scroll;}
+.flight-approval-layer{width:660px;overflow:scroll;}
 .layer-ti-sub{display:block;font-size:0.875rem;color:#777;margin-top:-4px;}
 .flight-approval-layer .layer-ti-sub{margin-bottom:0.5rem}
 .flight-approval-layer .calendar-flat svg{color:#8a1c05}

src/components/flight/FlightApprovalsTable.js

@@ -48,7 +48,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.applyNo,
       center: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return (
           <>
@@ -69,7 +69,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.applyDt,
       center: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return (
           <>
@@ -91,7 +91,7 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.areaList[0].zoneNo,
       center: true,
       // sortable: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return row.areaList[0].zoneNo + '번';
       }
@@ -107,7 +107,6 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.areaList[0].lat,
       center: true,
       width: '110px',
-      // sortable: true,
       cell: row => {
         return (
           <>
@@ -128,7 +127,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].bufferZone,
       center: true,
-      width: '80px',
+      width: '71px',
       // sortable: true,
       cell: row => {
         return row.areaList[0].bufferZone;
@@ -144,7 +143,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].fltElev,
       center: true,
-      width: '80px',
+      width: '71px',
       // sortable: true,
       cell: row => {
         return row.areaList[0].fltElev;
@@ -160,7 +159,7 @@ export default function FlightApprovalsTable(props) {
       ),
       selector: row => row.areaList[0].approvalCd,
       center: true,
-      width: '80px',
+      width: '71px',
       // sortable: true,
       cell: row => {
         return row.areaList[0].approvalCd === 'U'
@@ -175,7 +174,7 @@ export default function FlightApprovalsTable(props) {
       name: '더보기',
       selector: row => row.areaList,
       center: true,
-      width: '120px',
+      width: '85px',
       cell: row =>
         row.areaList.length > 1 ? (
           <Button color='flat-dark' onClick={() => toggleRow(row.planSno)}>
@@ -193,7 +192,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.applyNo,
       center: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return (
           <>
@@ -207,7 +206,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.applyDt,
       center: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return (
           <>
@@ -222,7 +221,7 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.zoneNo,
       center: true,
       sortable: true,
-      width: '80px',
+      width: '71px',
       cell: row => {
         return row.zoneNo + '번';
       }
@@ -245,7 +244,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.bufferZone,
       center: true,
-      width: '80px',
+      width: '71px',
       sortable: true,
       cell: row => {
         return row.bufferZone;
@@ -254,7 +253,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.fltElev,
       center: true,
-      width: '80px',
+      width: '71px',
       sortable: true,
       cell: row => {
         return row.fltElev;
@@ -263,7 +262,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.approvalCd,
       center: true,
-      width: '80px',
+      width: '71px',
       sortable: true,
       cell: row => {
         return row.approvalCd === 'U'
@@ -276,6 +275,7 @@ export default function FlightApprovalsTable(props) {
     {
       selector: row => row.approvalCd,
       center: true,
+      width: '85px',
       cell: row => {
         return '-';
       }
@@ -428,9 +428,15 @@ export default function FlightApprovalsTable(props) {
       <div className='search-case-list'>
         <div>
           <ul>
-            <li className='approval'>승인 {approvalCdValue.S}건</li>
+            <li className='approval' style={{ cursor: 'pointer' }}>
-            <li className='not-approved'>미승인 {approvalCdValue.F}건</li>
+              승인 {approvalCdValue.S}건
-            <li className='non-target'>비대상 {approvalCdValue.U}건</li>
+            </li>
+            <li className='not-approved' style={{ cursor: 'pointer' }}>
+              미승인 {approvalCdValue.F}건
+            </li>
+            <li className='non-target' style={{ cursor: 'pointer' }}>
+              비대상 {approvalCdValue.U}건
+            </li>
           </ul>
         </div>
       </div>