pav
/
pav-fe-kac
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

비행 승인 테이블 width 수정

master
sanguu516 3 months ago
parent
860964edde
commit
74de5d6f69
2 changed files with 19 additions and 19 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/assets/css/custom.css
  2. 34
      src/components/flight/FlightApprovalsTable.js

4
src/assets/css/custom.css
Unescape View File

@ -1181,7 +1181,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.flight-approval .rdt_TableHeadRow>div{display:none} .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{display:block;font-size:0.8rem;}
.flight-approval .rdt_TableHeadRow .rdt_TableCol div{font-weight:600} .flight-approval .rdt_TableHeadRow .rdt_TableCol div{font-weight:600}
.flight-approval-layer{width:660px;overflow:scroll;} .flight-approval-layer{width:630px;overflow:scroll;}
.layer-ti-sub{display:block;font-size:0.875rem;color:#777;margin-top:-4px;} .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 .layer-ti-sub{margin-bottom:0.5rem}
.flight-approval-layer .calendar-flat svg{color:#8a1c05} .flight-approval-layer .calendar-flat svg{color:#8a1c05}
@ -1214,6 +1214,6 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.sc-AxhCb.sc-AxmLO {display: none;} .sc-AxhCb.sc-AxmLO {display: none;}
/* .bg-color div{background:#eeeeee} */ /* .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 .custom-header-cell{text-align:center;line-height:1.3;font-size: 11px;}
.flight-approval-layer .react-dataTable .rdt_TableHead .rdt_TableHeadRow{height:auto} .flight-approval-layer .react-dataTable .rdt_TableHead .rdt_TableHeadRow{height:auto}
.flight-approval-in-table .rdt_TableRow:last-child{border-bottom:1px solid rgba(0, 0, 0, .12);} .flight-approval-in-table .rdt_TableRow:last-child{border-bottom:1px solid rgba(0, 0, 0, .12);}

34
src/components/flight/FlightApprovalsTable.js
Unescape View File

@ -48,7 +48,7 @@ export default function FlightApprovalsTable(props) {
), ),
selector: row => row.applyNo, selector: row => row.applyNo,
center: true, center: true,
width: '71px', width: '68px',
cell: row => { cell: row => {
return ( return (
<> <>
@ -69,7 +69,7 @@ export default function FlightApprovalsTable(props) {
), ),
selector: row => row.applyDt, selector: row => row.applyDt,
center: true, center: true,
width: '71px', width: '68px',
cell: row => { cell: row => {
return ( return (
<> <>
@ -91,7 +91,7 @@ export default function FlightApprovalsTable(props) {
selector: row => row.areaList[0].zoneNo, selector: row => row.areaList[0].zoneNo,
center: true, center: true,
// sortable: true, // sortable: true,
width: '71px', width: '68px',
cell: row => { cell: row => {
return row.areaList[0].zoneNo + '번'; return row.areaList[0].zoneNo + '번';
} }
@ -106,7 +106,7 @@ export default function FlightApprovalsTable(props) {
), ),
selector: row => row.areaList[0].lat, selector: row => row.areaList[0].lat,
center: true, center: true,
width: '110px', width: '101px',
cell: row => { cell: row => {
return ( return (
<> <>
@ -127,7 +127,7 @@ export default function FlightApprovalsTable(props) {
), ),
selector: row => row.areaList[0].bufferZone, selector: row => row.areaList[0].bufferZone,
center: true, center: true,
width: '71px', width: '68px',
// sortable: true, // sortable: true,
cell: row => { cell: row => {
return row.areaList[0].bufferZone; return row.areaList[0].bufferZone;
@ -143,7 +143,7 @@ export default function FlightApprovalsTable(props) {
), ),
selector: row => row.areaList[0].fltElev, selector: row => row.areaList[0].fltElev,
center: true, center: true,
width: '71px', width: '68px',
// sortable: true, // sortable: true,
cell: row => { cell: row => {
return row.areaList[0].fltElev; return row.areaList[0].fltElev;
@ -159,7 +159,7 @@ export default function FlightApprovalsTable(props) {
), ),
selector: row => row.areaList[0].approvalCd, selector: row => row.areaList[0].approvalCd,
center: true, center: true,
width: '71px', width: '68px',
// sortable: true, // sortable: true,
cell: row => { cell: row => {
return row.areaList[0].approvalCd === 'U' return row.areaList[0].approvalCd === 'U'
@ -174,11 +174,11 @@ export default function FlightApprovalsTable(props) {
name: '더보기', name: '더보기',
selector: row => row.areaList, selector: row => row.areaList,
center: true, center: true,
width: '85px', width: '86px',
cell: row => cell: row =>
row.areaList.length > 1 ? ( row.areaList.length > 1 ? (
<Button color='flat-dark' onClick={() => toggleRow(row.planSno)}> <Button color='flat-dark' onClick={() => toggleRow(row.planSno)}>
{row.areaList.length - 1}건 더 보기 {row.areaList.length - 1}건<br /> 더 보기
{expandedRows[row.planSno] ? <FaAngleDown /> : <FaAngleUp />} {expandedRows[row.planSno] ? <FaAngleDown /> : <FaAngleUp />}
</Button> </Button>
) : ( ) : (
@ -192,7 +192,7 @@ export default function FlightApprovalsTable(props) {
{ {
selector: row => row.applyNo, selector: row => row.applyNo,
center: true, center: true,
width: '71px', width: '68px',
cell: row => { cell: row => {
return ( return (
<> <>
@ -206,7 +206,7 @@ export default function FlightApprovalsTable(props) {
{ {
selector: row => row.applyDt, selector: row => row.applyDt,
center: true, center: true,
width: '71px', width: '68px',
cell: row => { cell: row => {
return ( return (
<> <>
@ -221,7 +221,7 @@ export default function FlightApprovalsTable(props) {
selector: row => row.zoneNo, selector: row => row.zoneNo,
center: true, center: true,
sortable: true, sortable: true,
width: '71px', width: '68px',
cell: row => { cell: row => {
return row.zoneNo + '번'; return row.zoneNo + '번';
} }
@ -229,7 +229,7 @@ export default function FlightApprovalsTable(props) {
{ {
selector: row => row.lat, selector: row => row.lat,
center: true, center: true,
width: '110px', width: '101px',
sortable: true, sortable: true,
cell: row => { cell: row => {
return ( return (
@ -244,7 +244,7 @@ export default function FlightApprovalsTable(props) {
{ {
selector: row => row.bufferZone, selector: row => row.bufferZone,
center: true, center: true,
width: '71px', width: '68px',
sortable: true, sortable: true,
cell: row => { cell: row => {
return row.bufferZone; return row.bufferZone;
@ -253,7 +253,7 @@ export default function FlightApprovalsTable(props) {
{ {
selector: row => row.fltElev, selector: row => row.fltElev,
center: true, center: true,
width: '71px', width: '68px',
sortable: true, sortable: true,
cell: row => { cell: row => {
return row.fltElev; return row.fltElev;
@ -262,7 +262,7 @@ export default function FlightApprovalsTable(props) {
{ {
selector: row => row.approvalCd, selector: row => row.approvalCd,
center: true, center: true,
width: '71px', width: '68px',
sortable: true, sortable: true,
cell: row => { cell: row => {
return row.approvalCd === 'U' return row.approvalCd === 'U'
@ -275,7 +275,7 @@ export default function FlightApprovalsTable(props) {
{ {
selector: row => row.approvalCd, selector: row => row.approvalCd,
center: true, center: true,
width: '85px', width: '86px',
cell: row => { cell: row => {
return '-'; return '-';
} }

Write Preview
Loading…
Cancel
Save