update

assets/script/hura.global.css

@@ -241,4 +241,7 @@
   .hura-text-blue {
     color: var(--color-hura);
   }
+  .hura-bg-blue {
+    background: var(--color-hura);
+  }
 }

template/home/home.html

@@ -1,12 +1,15 @@
 <!--  Start: Dashboard Stats Widget -->
 
-<div class="grid gap-3 grid-cols-12">
+<div class="gap-3 flex">
-    <div class="col-span-8">
+    <div class="w-[calc(100%_-450px)]">
 
         <!-- việc cần làm -->
         <div class="box-indicator">
             <div class="flex items-center justify-between mb-3">
-                <b class="text-md">Việc cần làm</b>
+                <div class="flex items-center gap-2">
+                    <i data-lucide="notebook-tabs" class="size-5"></i>
+                    <b class="text-lg">Việc cần làm</b>
+                </div>
                 <button type="button" href="javascript:void(0)"
                     onclick="document.getElementById('box-add-indicator')?.showModal()"
                     class="btn btn-sm hura-btn-active cursor-pointer">
@@ -167,6 +170,14 @@
             </dialog>
         </div>
 
+        <!-- tóm tắt -->
+        <div class="box mt-7">
+            <div class="flex items-center">
+                <div class="flex items-center gap-2">
+                    <i data-lucide="file-pen-line" class="size-5"></i>
+                    <b class="text-lg">Tóm tắt</b>
+                </div>
+            </div>
             <div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4 mt-3">
                 <!-- đơn hàng mới -->
                 <div class="card bg-base-100 shadow">
@@ -286,7 +297,6 @@
                     </div>
                 </div>
             </div>
-
             <!--  End: Dashboard Stats Widget -->
             <div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12">
                 <div class="xl:col-span-7">
@@ -372,6 +382,9 @@
                     <!--  End: Customer Acquisition -->
                 </div>
             </div>
+        </div>
+
+
         <div class="mt-3">
             <!--  Start: Lịch sử chỉnh sửa -->
             <div aria-label="Card" class="card bg-base-100 shadow">
@@ -441,8 +454,10 @@
             </div>
             <!--  End: Recent Orders -->
         </div>
+
+
     </div>
-    <div class="col-span-4">
+    <div class="w-[450px]">
         <div class="bg-white shadow p-3 rounded-sm">
             <div id="js-admin-home-tab" class="admin-home-tab flex items-center justify-end mb-3">
                 <a href="#js-report-most-viewed-products" class=" btn btn-sm hura-btn-active">Sản phẩm xem nhiều</a>

template/javascript/homepage.html

@@ -2,7 +2,7 @@
     const initCustomerAcquisitionChart = () => {
         const chartOptions = {
             chart: {
-                height: 363,
+                height: 390,
                 sparkline: {
                     enabled: false,
                 },