update 29/03

2025-03-29 11:46:53 +07:00
parent a399a7bedd
commit 3137a8226b
13 changed files with 653 additions and 1 deletions
--- a/template/media/category.html
+++ b/template/media/category.html
@@ -0,0 +1,52 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/product/media">Danh sách Media</a></li>
+            <li class="text-[#0041E8]">Quản lý nhóm media</li>
+        </ul>
+    </div>
+
+    <div
+        class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <h2 class="font-bold text-[24px]"> Phân loại nhóm danh mục media </h2>
+
+        <a href=""
+            class="block m-[auto_0_auto_auto] w-[150px] mt-[15px] items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
+            <span
+                class="inline-block text-center items-center border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[10.4px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+            <span>Thêm nhóm mới</span>
+        </a>
+
+        <table class="mt-[20px]">
+            <thead class="bg-[#f6f6f6] font-bold">
+                <tr>
+                    <td>STT</td>
+                    <td>ID</td>
+                    <td>Tên nhóm</td>
+                    <td>Thời gian</td>
+                    <td>Lựa chọn</td>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>1385</td>
+                    <td>Ảnh tin tức</td>
+                    <td>2023-10-01 12:00:00</td>
+                    <td>
+                        <div class="flex gap-[10px]">
+                            <a href=""
+                                class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                    class="icons icon-edit"></i></a>
+                            <a href=""
+                                class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                    class='icons icon-remove'></i></a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>