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

View File

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