You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
1.4 KiB
28 lines
1.4 KiB
<div class="card">
|
|
<div class="card-body">
|
|
<div class="card-title d-flex align-items-start justify-content-between">
|
|
<div class="avatar flex-shrink-0">
|
|
<img src="@Icon"
|
|
alt="chart success"
|
|
class="rounded" />
|
|
</div>
|
|
<div class="dropdown">
|
|
<button class="btn p-0"
|
|
type="button"
|
|
id="cardOpt3"
|
|
data-bs-toggle="dropdown"
|
|
aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<i class="bx bx-dots-vertical-rounded"></i>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt3">
|
|
<a class="dropdown-item" href="javascript:void(0);">View More</a>
|
|
<a class="dropdown-item" href="javascript:void(0);">Delete</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="fw-semibold d-block mb-1">@Title</span>
|
|
<h3 class="card-title mb-2">@Value</h3>
|
|
<small class="@(Percentage > 0 ? "text-success" : Percentage == 0 ? "bx-forward-arrow-alt" : "text-danger") fw-semibold"><i class="bx @(Percentage > 0 ? "bx-up-arrow-alt" : Percentage == 0 ? "bx-forward-arrow-alt" : "bx-down-arrow-alt")"></i> @Percentage %</small>
|
|
</div>
|
|
</div>
|