This commit is contained in:
2025-02-17 16:51:08 +07:00
parent ae9d94330f
commit 66344ad5c6
12 changed files with 354 additions and 369 deletions

View File

@@ -21,12 +21,13 @@
<body>
<div id="overlay"></div>
<div id="overlay" onclick="clickBackground()"></div>
<div class="admin-global-container">
<!-- Menu full -->
<div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999]" id="js-menu-big">
<div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999] 2xl:block lg:block md:hidden sm:hidden"
id="js-menu-big">
<a href="" class="menu-logo">
<img src="{{ 'logo.png' | asset_url }}" />
</a>
@@ -67,13 +68,13 @@
{% elsif _type == 'system' %}<i class="icons w-[20px] h-[20px] mr-[13px] icon-system"></i>
{% endif %}
<span class="title"> {{ _category[1].name }} </span>
<span class="title text-[14px]"> {{ _category[1].name }} </span>
</div>
<i class="fa-solid fa-chevron-right"></i>
</div>
<div class="sub-menu" id="{{ _type }}">
<div class="sub-menu text-[14px]" id="{{ _type }}">
{% for _item in _menuArray %}
<a href="{{ _item.url }}"
class="p-[8px_16px] flex items-center {% if _item.view == global.view and _item.module == global.module %}current {% endif %}">
@@ -104,35 +105,40 @@
</div>
</div>
<div class="admin-content-container ml-[245px]" id="js-admin-content-container">
<div class="admin-content-container 2xl:ml-[245px] 2xl:w-[calc(100%_-50px)] lg:ml-[245px] lg:w-[calc(100%_-50px)] md:ml-0 sm:ml-0 md:w-full sm:w-full"
id="js-admin-content-container">
<!-- Header -->
<div class="admin-header-container flex items-center flex-wrap justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
<div
class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
<div class="inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i class="icons icon-search"></i>
<div class="flex items-center">
<a href="javascript:void(0)" title="Mở menu"
class="icon-close lg:hidden md:block mr-[10px] 2xl:hidden sm:hidden" id="js-show-menu">
<i class="fa fa-bars text-[25px]"></i>
</a>
<form class="w-[420px] relative w-[100%] menu-hide" id="js-form-search">
<div
class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
<div class="inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i class="icons icon-search"></i>
</div>
<input type="search" class="block h-[36px] rounded w-full" id="js-input-search"
placeholder="Tìm kiếm">
</div>
<input type="search" class="block h-[36px] rounded w-full" id="js-input-search"
placeholder="Tìm kiếm">
</div>
<div class="autocomplete-suggestions absolute bg-white w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden rounded-[4px]"
id="js-show-search">
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
<a href="" class="item line-clamp-1">cpu core i3 1</a>
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
<a href="" class="item line-clamp-1">cpu core i3 1</a>
</div>
</form>
<div class="autocomplete-suggestions absolute bg-white w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden rounded-[4px]"
id="js-show-search">
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
<a href="" class="item line-clamp-1">cpu core i3 1</a>
<a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
<a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
<a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
<a href="" class="item line-clamp-1">cpu core i3 1</a>
</div>
</form>
</div>
<div class="admin-header-right flex items-center justify-end sm:mt-[10px]">
<a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">