fix: admin reports overflow issue by constraining chart containers

This commit is contained in:
Flatlogic Bot 2026-03-21 14:59:19 +00:00
parent dc081ef86a
commit 2bc76dec94

View File

@ -156,8 +156,8 @@ $chart_gender_data = array_values($patients_by_gender);
<div class="card-header bg-white border-bottom-0 pt-4 px-4"> <div class="card-header bg-white border-bottom-0 pt-4 px-4">
<h5 class="fw-bold text-dark mb-0"><?php echo __('visits_by_status'); ?></h5> <h5 class="fw-bold text-dark mb-0"><?php echo __('visits_by_status'); ?></h5>
</div> </div>
<div class="card-body d-flex justify-content-center"> <div class="card-body d-flex justify-content-center align-items-center" style="min-height: 350px;">
<div style="width: 300px; height: 300px;"> <div style="position: relative; width: 300px; height: 300px;">
<canvas id="statusChart"></canvas> <canvas id="statusChart"></canvas>
</div> </div>
</div> </div>
@ -168,8 +168,10 @@ $chart_gender_data = array_values($patients_by_gender);
<div class="card-header bg-white border-bottom-0 pt-4 px-4"> <div class="card-header bg-white border-bottom-0 pt-4 px-4">
<h5 class="fw-bold text-dark mb-0"><?php echo __('revenue_trend'); ?></h5> <h5 class="fw-bold text-dark mb-0"><?php echo __('revenue_trend'); ?></h5>
</div> </div>
<div class="card-body"> <div class="card-body" style="min-height: 350px;">
<canvas id="revenueChart" style="height: 300px;"></canvas> <div style="position: relative; height: 300px; width: 100%;">
<canvas id="revenueChart"></canvas>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -182,8 +184,10 @@ $chart_gender_data = array_values($patients_by_gender);
<div class="card-header bg-white border-bottom-0 pt-4 px-4"> <div class="card-header bg-white border-bottom-0 pt-4 px-4">
<h5 class="fw-bold text-dark mb-0"><?php echo __('top_doctors'); ?></h5> <h5 class="fw-bold text-dark mb-0"><?php echo __('top_doctors'); ?></h5>
</div> </div>
<div class="card-body"> <div class="card-body" style="min-height: 350px;">
<canvas id="doctorsChart" style="height: 300px;"></canvas> <div style="position: relative; height: 300px; width: 100%;">
<canvas id="doctorsChart"></canvas>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -192,8 +196,8 @@ $chart_gender_data = array_values($patients_by_gender);
<div class="card-header bg-white border-bottom-0 pt-4 px-4"> <div class="card-header bg-white border-bottom-0 pt-4 px-4">
<h5 class="fw-bold text-dark mb-0"><?php echo __('new_patients'); ?> (<?php echo __('gender'); ?>)</h5> <h5 class="fw-bold text-dark mb-0"><?php echo __('new_patients'); ?> (<?php echo __('gender'); ?>)</h5>
</div> </div>
<div class="card-body d-flex justify-content-center"> <div class="card-body d-flex justify-content-center align-items-center" style="min-height: 350px;">
<div style="width: 300px; height: 300px;"> <div style="position: relative; width: 300px; height: 300px;">
<canvas id="genderChart"></canvas> <canvas id="genderChart"></canvas>
</div> </div>
</div> </div>