This commit is contained in:
2025-02-18 16:30:26 +07:00
parent 66344ad5c6
commit dbeda7da6d
20 changed files with 655 additions and 599 deletions

View File

@@ -1,5 +1,5 @@
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">
@@ -28,7 +28,7 @@
</div>
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">Khách
@@ -56,7 +56,7 @@
</div>
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
@@ -84,7 +84,7 @@
</div>
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
@@ -112,7 +112,7 @@
</div>
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="flex justify-between min-h-[100px]">
<div>
<h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5>
@@ -151,7 +151,7 @@
</div>
<div
class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700">
<h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>

View File

@@ -1,7 +1,7 @@
<div class="content-holder xl:gap-[16px] 2xl:gap-[10px] grid 2xl:grid-cols-10">
<!-- col-left -->
<div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px] xl:col-span-10">
<div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px] xl:col-span-10 diagram">
{% include 'home/components/main_stat' %}
@@ -28,34 +28,36 @@
</svg>
</a>
<table class="table text-custom-16">
<thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]">
<td width="50"> STT </td>
<td width="265"> Người dùng </td>
<td> Ni dung </td>
<td width="150"> Thời gian </td>
<td width="100"> Xem chi tiết </td>
</thead>
<div class="2xl:w-full lg:w-full md:w-full overflow-x-auto whitespace-nowrap">
<table class="table text-custom-16">
<thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]">
<td width="50"> STT </td>
<td width="265"> Người dùng </td>
<td> Nội dung </td>
<td width="150"> Thời gian </td>
<td width="100"> Xem chi tiết </td>
</thead>
<tbody>
<tbody>
{% for item in page.lich_su_chinh_sua %}
<tr>
<td class="text-center"> {{ item.id }} </td>
<td> {{ item.email }} </td>
<td> {{ item.content }} </td>
<td> {{ item.time }} </td>
<td>
<a href=""
class="block text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
Xem </a>
</td>
</tr>
{% for item in page.lich_su_chinh_sua %}
<tr>
<td class="text-center"> {{ item.id }} </td>
<td> {{ item.email }} </td>
<td> {{ item.content }} </td>
<td> {{ item.time }} </td>
<td>
<a href=""
class="block text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
Xem </a>
</td>
</tr>
{% endfor %}
{% endfor %}
</tbody>
</table>
</tbody>
</table>
</div>
</div>
</div>
@@ -250,13 +252,13 @@
mới</button>
</form>
<div class="home-todo-list">
<div class="home-todo-list overflow-x-auto 2xl:whitespace-normal sm:whitespace-nowrap">
<table class="table text-custom-16">
<thead class="bg-[#F6F6F6] text-[14px] text-[#000] font-700">
<td class="text-center"> STT </td>
<td> Nội dung </td>
<td> Hết hạn </td>
<td> Trạng thái </td>
<td class="w-[100px]"> Trạng thái </td>
</thead>
<tbody>