36 lines
1.6 KiB
PHP
36 lines
1.6 KiB
PHP
|
<div class="col-xxl-3 col-xl-6">
|
||
|
|
<div class="card h-100 radius-8 border-0 overflow-hidden">
|
||
|
|
<div class="card-body p-24">
|
||
|
|
<div class="d-flex align-items-center flex-wrap gap-2 justify-content-between">
|
||
|
|
<h6 class="mb-2 fw-bold text-lg">Users Overview</h6>
|
||
|
|
<div class="">
|
||
|
|
<select class="form-select form-select-sm w-auto bg-base border text-secondary-light">
|
||
|
|
<option>Today</option>
|
||
|
|
<option>Weekly</option>
|
||
|
|
<option>Monthly</option>
|
||
|
|
<option>Yearly</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="userOverviewDonutChart"></div>
|
||
|
|
|
||
|
|
<ul class="d-flex flex-wrap align-items-center justify-content-between mt-3 gap-3">
|
||
|
|
<li class="d-flex align-items-center gap-2">
|
||
|
|
<span class="w-12-px h-12-px radius-2 bg-primary-600"></span>
|
||
|
|
<span class="text-secondary-light text-sm fw-normal">New:
|
||
|
|
<span class="text-primary-light fw-semibold">500</span>
|
||
|
|
</span>
|
||
|
|
</li>
|
||
|
|
<li class="d-flex align-items-center gap-2">
|
||
|
|
<span class="w-12-px h-12-px radius-2 bg-yellow"></span>
|
||
|
|
<span class="text-secondary-light text-sm fw-normal">Subscribed:
|
||
|
|
<span class="text-primary-light fw-semibold">300</span>
|
||
|
|
</span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|