This commit is contained in:
2025-12-12 11:01:29 +07:00
parent 123853df5c
commit 04f6e919f0
3 changed files with 205 additions and 222 deletions

View File

@@ -124,30 +124,28 @@
<div class="card bg-base-100 shadow">
<div class="card-body px-0 pb-0">
<div class="px-6">
<div class="flex items-start justify-between">
<span class="font-medium">
Doanh thu
</span>
<div class="tabs tabs-box tabs-xs hidden sm:block">
<div class="tab false px-3">Ngày</div>
<div class="tab false px-3">Tháng</div>
<div class="tab tab-active px-3">Năm</div>
</div>
<div class="flex items-start justify-between">
<span class="font-medium">
Doanh thu
</span>
<div class="tabs tabs-box tabs-xs hidden sm:block">
<div class="tab false px-3">Ngày</div>
<div class="tab false px-3">Tháng</div>
<div class="tab tab-active px-3">Năm</div>
</div>
<div class="mt-3">
<div class="flex items-center gap-3">
<span class="text-4xl font-semibold">
184.78K
</span>
<span class="text-success font-medium">
+3.24%
</span>
</div>
<span class="text-base-content/60 text-sm">
Tổng doanh thu trong năm nay
</div>
<div class="mt-3">
<div class="flex items-center gap-3">
<span class="text-4xl font-semibold">
184.78K
</span>
<span class="text-success font-medium">
+3.24%
</span>
</div>
<span class="text-base-content/60 text-sm">
Tổng doanh thu trong năm nay
</span>
</div>
<div id="revenue-statics-chart"></div>
</div>
@@ -160,7 +158,7 @@
<div class="card bg-base-100 shadow">
<div class="card-body p-0">
<div class="flex items-center justify-between px-5 pt-5">
<div class="flex items-center justify-between">
<span class="font-medium">
Truy cập khách hàng
</span>
@@ -171,8 +169,8 @@
</span>
</div>
</div>
<div class="mt-4 py-3">
<div class="divide-base-300 grid grid-cols-2 gap-5 px-5 sm:grid-cols-3 sm:divide-x">
<div class="mt-4">
<div class="divide-base-300 grid grid-cols-2 gap-5 sm:grid-cols-3 sm:divide-x">
<div class="text-center">
<p>Advertise</p>
<p class="mt-0.5 text-xl font-medium">
@@ -195,7 +193,7 @@
</div>
</div>
</div>
<div class="-mt-25 sm:mx-5">
<div class="-mt-25">
<div id="customer-acquisition-chart"></div>
</div>
</div>