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">
<h5 class="fw-bold text-dark mb-0"><?php echo __('visits_by_status'); ?></h5>
</div>
<div class="card-body d-flex justify-content-center">
<div style="width: 300px; height: 300px;">
<div class="card-body d-flex justify-content-center align-items-center" style="min-height: 350px;">
<div style="position: relative; width: 300px; height: 300px;">
<canvas id="statusChart"></canvas>
</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">
<h5 class="fw-bold text-dark mb-0"><?php echo __('revenue_trend'); ?></h5>
</div>
<div class="card-body">
<canvas id="revenueChart" style="height: 300px;"></canvas>
<div class="card-body" style="min-height: 350px;">
<div style="position: relative; height: 300px; width: 100%;">
<canvas id="revenueChart"></canvas>
</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">
<h5 class="fw-bold text-dark mb-0"><?php echo __('top_doctors'); ?></h5>
</div>
<div class="card-body">
<canvas id="doctorsChart" style="height: 300px;"></canvas>
<div class="card-body" style="min-height: 350px;">
<div style="position: relative; height: 300px; width: 100%;">
<canvas id="doctorsChart"></canvas>
</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">
<h5 class="fw-bold text-dark mb-0"><?php echo __('new_patients'); ?> (<?php echo __('gender'); ?>)</h5>
</div>
<div class="card-body d-flex justify-content-center">
<div style="width: 300px; height: 300px;">
<div class="card-body d-flex justify-content-center align-items-center" style="min-height: 350px;">
<div style="position: relative; width: 300px; height: 300px;">
<canvas id="genderChart"></canvas>
</div>
</div>