make report container smaller to accomodate for consolidated report below.

This commit is contained in:
DESKTOP-T0O5CDB\DESK-555BD 2024-01-09 12:59:25 -07:00
parent c526a9f207
commit 1271b3517d
3 changed files with 15 additions and 14 deletions

View File

@ -43,5 +43,5 @@
</script> </script>
} else } else
{ {
<h1>No data found or all records have zero sums, insert records with non-zero sums to see visualizations here.</h1> <h4>No data found or all records have zero sums, insert records with non-zero sums to see visualizations here.</h4>
} }

View File

@ -1,26 +1,26 @@
<div class="row"> <div class="row">
<div class="col-sm-6 col-12"> <div class="col-md-3 col-12">
<div class="row">
<div class="col-12">
</div>
</div>
<div class="row"> <div class="row">
<div class="d-flex justify-content-center align-items-center col-12 chartContainer" id="costMakeUpReportContent"> <div class="d-flex justify-content-center align-items-center col-12 chartContainer" id="costMakeUpReportContent">
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-6 col-12"> <div class="col-md-6 col-12">
<div class="row">
<div class="col-12">
</div>
</div>
<div class="row"> <div class="row">
<div class="d-flex justify-content-center align-items-center col-12 chartContainer" id="gasCostByMonthReportContent"> <div class="d-flex justify-content-center align-items-center col-12 chartContainer" id="gasCostByMonthReportContent">
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 col-12">
<div class="row">
<div class="d-flex justify-content-center align-items-center col-12 chartContainer" id="costMakeUpReportContentToo">
</div>
</div>
</div>
</div>
<hr />
<div class="row">
</div> </div>
<script> <script>
initiateChart(); initiateChart();
@ -28,6 +28,7 @@
var vehicleId = GetVehicleId().vehicleId; var vehicleId = GetVehicleId().vehicleId;
$.get(`/Vehicle/GetCostMakeUpForVehicle?vehicleId=${vehicleId}`, function (data) { $.get(`/Vehicle/GetCostMakeUpForVehicle?vehicleId=${vehicleId}`, function (data) {
$("#costMakeUpReportContent").html(data); $("#costMakeUpReportContent").html(data);
$("#costMakeUpReportContentToo").html(data);
$.get(`/Vehicle/GetFuelCostByMonthByVehicle?vehicleId=${vehicleId}`, function (data) { $.get(`/Vehicle/GetFuelCostByMonthByVehicle?vehicleId=${vehicleId}`, function (data) {
$("#gasCostByMonthReportContent").html(data); $("#gasCostByMonthReportContent").html(data);
}) })

View File

@ -37,7 +37,7 @@ html {
} }
.chartContainer{ .chartContainer{
height:65vh; height:30vh;
overflow:auto; overflow:auto;
} }