diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index c59226f0..a5be2d13 100644 --- a/src/assets/css/custom.css +++ b/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:700px;overflow:scroll;} +.flight-approval-layer{width:750px;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} @@ -1204,7 +1204,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} .flight-approval-layer .react-dataTable.pal-dateTable .rdt_TableBody .rdt_TableRow .rdt_TableCell .btn{padding: 0.5rem 1rem;} -.flight-approval-layer .__rdt_custom_sort_icon__{position:absolute;right:10%} +.flight-approval-layer .__rdt_custom_sort_icon__{position:absolute;right:12%} .search-case-list{width:100%;margin-bottom:10px} .search-case-list ul{display:flex;} .search-case-list ul li{flex:1;text-align:center;font-size:0.875rem;font-weight:500;padding:0.4rem;} @@ -1213,4 +1213,6 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} .search-case-list ul .non-target{background-color:#f4f4f4;color:#777;border-top-right-radius:4px;border-bottom-right-radius:4px;} .sc-AxhCb.sc-AxmLO {display: none;} -/* .bg-color div{background:#eeeeee} */ \ No newline at end of file +/* .bg-color div{background:#eeeeee} */ +.flight-approval-layer .react-dataTable .rdt_TableHead .rdt_TableHeadRow .custom-header-cell{text-align:center;line-height:1.3;} +.flight-approval-layer .react-dataTable .rdt_TableHead .rdt_TableHeadRow{height:auto} \ No newline at end of file diff --git a/src/components/flight/FlightApprovalsTable.js b/src/components/flight/FlightApprovalsTable.js index b591d205..09bfcafc 100644 --- a/src/components/flight/FlightApprovalsTable.js +++ b/src/components/flight/FlightApprovalsTable.js @@ -69,6 +69,7 @@ export default function FlightApprovalsTable(props) { ), selector: row => row.applyNo, center: true, + width: '80px', cell: row => { return ( <> @@ -89,6 +90,7 @@ export default function FlightApprovalsTable(props) { ), selector: row => row.applyDt, center: true, + width: '80px', cell: row => { return ( <> @@ -110,7 +112,7 @@ export default function FlightApprovalsTable(props) { selector: row => row.areaList[0].zoneNo, center: true, sortable: true, - width: '110px', + width: '80px', cell: row => { return row.areaList[0].zoneNo + '번'; } @@ -125,7 +127,7 @@ export default function FlightApprovalsTable(props) { ), selector: row => row.areaList[0].lat, center: true, - width: '180px', + width: '110px', sortable: true, cell: row => { return ( @@ -147,6 +149,7 @@ export default function FlightApprovalsTable(props) { ), selector: row => row.areaList[0].bufferZone, center: true, + width: '80px', sortable: true, cell: row => { return row.areaList[0].bufferZone; @@ -162,7 +165,7 @@ export default function FlightApprovalsTable(props) { ), selector: row => row.areaList[0].fltElev, center: true, - + width: '80px', sortable: true, cell: row => { return row.areaList[0].fltElev; @@ -178,7 +181,7 @@ export default function FlightApprovalsTable(props) { ), selector: row => row.areaList[0].approvalCd, center: true, - + width: '80px', sortable: true, cell: row => { return row.areaList[0].approvalCd === 'U' @@ -240,6 +243,7 @@ export default function FlightApprovalsTable(props) { { selector: row => row.applyNo, center: true, + width: '80px', cell: row => { return ( // <> @@ -257,6 +261,7 @@ export default function FlightApprovalsTable(props) { { selector: row => row.applyDt, center: true, + width: '80px', cell: row => { return ( <> @@ -271,7 +276,7 @@ export default function FlightApprovalsTable(props) { selector: row => row.zoneNo, center: true, sortable: true, - width: '110px', + width: '80px', cell: row => { return row.zoneNo + '번'; } @@ -279,7 +284,7 @@ export default function FlightApprovalsTable(props) { { selector: row => row.lat, center: true, - width: '180px', + width: '110px', sortable: true, cell: row => { return ( @@ -294,6 +299,7 @@ export default function FlightApprovalsTable(props) { { selector: row => row.bufferZone, center: true, + width: '80px', sortable: true, cell: row => { return row.bufferZone; @@ -302,6 +308,7 @@ export default function FlightApprovalsTable(props) { { selector: row => row.fltElev, center: true, + width: '80px', sortable: true, cell: row => { return row.fltElev; @@ -310,6 +317,7 @@ export default function FlightApprovalsTable(props) { { selector: row => row.approvalCd, center: true, + width: '80px', sortable: true, cell: row => { return row.approvalCd === 'U' @@ -318,27 +326,28 @@ export default function FlightApprovalsTable(props) { ? '승인' : '미승인'; } - }, - { - selector: row => row.approvalCd, - center: true, - cell: row => { - return ( - - ); - } - }, + } + // , + // { + // selector: row => row.approvalCd, + // center: true, + // cell: row => { + // return ( + // + // ); + // } + // } +, { selector: row => row.approvalCd, center: true, - width: '120px', cell: row => { return '-'; }