Compare commits

..

3 Commits

Author SHA1 Message Date
e10bec9289 20/1/2024 2024-01-20 09:36:14 +07:00
a35ca0cd16 20/1/2024 2024-01-20 09:29:38 +07:00
9f913a3871 20/01/2024 2024-01-20 09:23:31 +07:00
2 changed files with 469 additions and 444 deletions

View File

@@ -4,6 +4,42 @@
<div class="col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]">
<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)]">
<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] uppercase">Đơn hàng
mới</p>
<a href=""
class="bg-[#F0F8FF] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 0.777778C0 0.348223 0.348223 0 0.777778 0H2.16049C2.53125 0 2.85046 0.261691 2.92317 0.625243L3.07466 1.38272H13.2222C13.4918 1.38272 13.7421 1.52229 13.8838 1.75159C14.0256 1.98089 14.0384 2.26722 13.9179 2.50833L11.1525 8.03919C11.0207 8.30269 10.7514 8.46914 10.4568 8.46914H3.86538L2.65551 9.67901H10.4568C11.65 9.67901 12.6173 10.6463 12.6173 11.8395C12.6173 13.0327 11.65 14 10.4568 14C9.26356 14 8.2963 13.0327 8.2963 11.8395C8.2963 11.6295 8.32625 11.4265 8.38213 11.2346H5.61787C5.67375 11.4265 5.7037 11.6295 5.7037 11.8395C5.7037 13.0327 4.73641 14 3.54321 14C2.35001 14 1.38272 13.0327 1.38272 11.8395C1.38272 11.5231 1.45075 11.2225 1.57298 10.9517C0.903709 10.4543 0.723772 9.41089 1.40802 8.72661L2.6989 7.43572L1.52287 1.55556H0.777778C0.348223 1.55556 0 1.20733 0 0.777778ZM4.18084 6.91358H9.9761L11.9638 2.93827H3.38577L4.18084 6.91358ZM3.54321 11.2346C3.2091 11.2346 2.93827 11.5054 2.93827 11.8395C2.93827 12.1736 3.2091 12.4444 3.54321 12.4444C3.87732 12.4444 4.14815 12.1736 4.14815 11.8395C4.14815 11.5054 3.87732 11.2346 3.54321 11.2346ZM10.4568 11.2346C10.1227 11.2346 9.85185 11.5054 9.85185 11.8395C9.85185 12.1736 10.1227 12.4444 10.4568 12.4444C10.7909 12.4444 11.0617 12.1736 11.0617 11.8395C11.0617 11.5054 10.7909 11.2346 10.4568 11.2346Z"
fill="#0041E8"></path>
</svg>
</a>
</div>
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
</div>
<div class="flex items-center p-[8px_13px]">
<div
class="bg-[#E8F7F2] bg-green-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#299D00] text-[14px]">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"
class="mr-[2px]">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.33333 1.33333C6.96514 1.33333 6.66667 1.03486 6.66667 0.666667C6.66667 0.298477 6.96514 0 7.33333 0H12.6667C13.0349 0 13.3333 0.298477 13.3333 0.666667V6C13.3333 6.36819 13.0349 6.66667 12.6667 6.66667C12.2985 6.66667 12 6.36819 12 6V2.27614L7.80474 6.4714C7.67971 6.59643 7.51014 6.66667 7.33333 6.66667C7.15652 6.66667 6.98695 6.59643 6.86193 6.4714L4.66667 4.27614L1.13807 7.80474C0.877722 8.06509 0.455612 8.06509 0.195262 7.80474C-0.0650874 7.54439 -0.0650874 7.12228 0.195262 6.86193L4.19526 2.86193C4.32029 2.7369 4.48985 2.66667 4.66667 2.66667C4.84348 2.66667 5.01305 2.7369 5.13807 2.86193L7.33333 5.05719L11.0572 1.33333H7.33333Z"
fill="#299D00"></path>
</svg>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-[12px]">Hôm qua</p>
</div>
</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)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">

View File

@@ -27,9 +27,6 @@
</head>
<body>
<div class="admin-global-container">
<div class="admin-global-container">
<!-- Menu cũ -->
@@ -37,6 +34,7 @@
<a href="javascript:void(0)" class="icon-close" id="js-hide-menu">
<i class="fa-solid fa-outdent"></i>
</a>
<a href="" class="menu-logo">
<img src="{{ 'logo.png' | asset_url }}" />
</a>
@@ -68,7 +66,6 @@
</details>
<details>
<summary>
<a href="">
@@ -85,10 +82,9 @@
</summary>
<div class="sub-menu">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.product.menu %}
<a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</details>
@@ -108,10 +104,9 @@
</summary>
<div class="sub-menu">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.customer.menu %}
<a href="?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</details>
@@ -231,15 +226,23 @@
<i class="icons icon-logout"></i>
<span class="title"> Thoát quản trị </span>
</a>
</div>
<!-- Menu mới -->
<div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between"
id="menu-small">
<div class="admin-menu sticky top-0 bottom-0 h-[100vh] bg-[#004E99] flex flex-col justify-between" id="menu-small">
<a href="javascript:void(0)" class="icon-close" id="js-show-menu">
<i class="fa-solid fa-indent"></i>
</a>
<div>
<a href=""
class="item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="21" viewBox="0 0 35 21" fill="none">
<path
d="M28.5184 7.75141C28.4928 10.6955 27.8993 11.3464 27.8993 11.3464C29.065 3.56585 22.8312 0.686397 22.8312 0.686397C14.1636 -2.28358 11.3328 5.34611 11.3328 5.34611C5.84614 4.92368 4.24499 10.0963 4.24499 10.0963C10.9656 11.1611 9.15091 16.8812 9.15091 16.8812C9.36867 12.5146 6.78975 11.4887 6.78975 11.4887C2.42608 9.30752 0.355256 13.7302 0.355256 13.7302C-1.31421 19.2347 3.44228 20.4891 3.44228 20.4891H28.9967C35.0725 19.6098 34.748 14.1052 34.748 14.1052C34.1246 7.61347 28.5184 7.75141 28.5184 7.75141Z"
fill="white" />
</svg>
</a>
<div class="item">
<a href="/" class="icons icon-home"> </a>
@@ -269,11 +272,9 @@
<p class="font-bold"> Sản phẩm </p>
<div class="menu-list">
<a href="?module=product"> Danh sách </a>
<a href="?module=product&view=form"> Thêm sản phẩm </a>
<a href="?module=product&view=category"> Danh mục </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.product.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -285,10 +286,9 @@
<p class="font-bold"> Khách hàng </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.customer.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -300,10 +300,9 @@
<p class="font-bold"> Marketing </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.marketing.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -315,10 +314,9 @@
<p class="font-bold"> Nội dung </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.article.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -330,10 +328,9 @@
<p class="font-bold"> Thống kê </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.report.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -345,10 +342,9 @@
<p class="font-bold"> Hệ thống </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.system.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -362,10 +358,9 @@
<p class="font-bold"> Cài đặt </p>
<div class="menu-list">
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
<a href=""> Menu title </a>
{% for _item in global.main_menu.system.menu %}
<a href="/?module={{_item.module }}&view={{_item.view }}"> {{_item.name }} </a>
{% endfor %}
</div>
</div>
</div>
@@ -410,8 +405,6 @@
</div>
</div>
<div class="admin-content-container w-[100%]">
<!-- Header -->
<div class="admin-content-container w-[100%]">
<!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
@@ -502,13 +495,9 @@
{{page_content}}
</div>
</div>
</div>
</div>
</body>