tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Tieptk
2025-12-07 15:58:07 +07:00
parent 75a641ab40
commit 942aeafb60
2211 changed files with 178727 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
template/other/header.html
View File

@@ -2,28 +2,28 @@
<div class="flex items-center justify-between px-6 py-3 bg-menu">
<div class="inline-flex items-center gap-5">
<a href="/">
<img src="{{ 'logo_new.png' | asset_url }}" class="h-5.5" />
<img src="{{ 'logo_new.png' | asset_url }}" class="h-[20px]" />
</a>
<button
class="btn btn-outline btn-sm btn-ghost border-base-300 text-base-content/70 hidden h-9 w-100 justify-start gap-2 !text-sm md:flex bg-white"
class="btn btn-outline btn-sm btn-ghost border-base-300 text-base-content/70 hidden h-9 w-96 justify-start gap-2 px-2 !text-sm md:flex bg-white"
onclick="document.getElementById('topbar-search-modal')?.showModal()">
<span class="iconify lucide--search size-4"></span>
<i data-lucide="search"></i>
<span>Tìm Kiếm</span>
</button>
<button
class="btn btn-outline btn-sm btn-square btn-ghost border-base-300 text-base-content/70 flex size-9 md:hidden"
aria-label="Search" onclick="document.getElementById('topbar-search-modal')?.showModal()">
<span class="iconify lucide--search size-4"></span>
<i data-lucide="search"></i>
</button>
<dialog id="topbar-search-modal" class="modal p-0">
<div class="modal-box bg-transparent p-0 shadow-none">
<div class="bg-base-100 rounded-box">
<div class="input w-full border-0 !outline-none">
<span class="iconify lucide--search text-base-content/60 size-4.5"></span>
<i data-lucide="search" class="text-base-content/60 size-4.5"></i>
<input type="search" class="grow" placeholder="Tìm kiếm" aria-label="Search" />
<form method="dialog">
<button class="btn btn-xs btn-circle btn-ghost" aria-label="Close">
<span class="iconify lucide--x text-base-content/80 size-4"></span>
<i data-lucide="x" class="text-base-content/80 size-4"></i>
</button>
</form>
</div>
@@ -31,25 +31,25 @@
<div class="flex items-center gap-0.5">
<div
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
<span class="iconify lucide--arrow-up size-3.5"></span>
<i data-lucide="arrow-up" class="size-3.5"></i>
</div>
<div
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
<span class="iconify lucide--arrow-down size-3.5"></span>
<i data-lucide="arrow-down" class="size-3.5"></i>
</div>
<p class="text-base-content/80 ms-1 text-sm">Điều hướng</p>
</div>
<div class="flex items-center gap-0.5 max-sm:hidden">
<div
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
<span class="iconify lucide--undo-2 size-3.5"></span>
<i data-lucide="undo-2" class="size-3.5"></i>
</div>
<p class="text-base-content/80 ms-1 text-sm">Quay lại</p>
</div>
<div class="flex items-center gap-0.5">
<div
class="border-base-300 bg-base-200 flex size-5 items-center justify-center rounded-sm border shadow-xs">
<span class="iconify lucide--corner-down-left size-3.5"></span>
<i data-lucide="corner-down-left" class="size-3.5"></i>
</div>
<p class="text-base-content/80 ms-1 text-sm">Mở</p>
</div>
@@ -233,11 +233,11 @@
<div class="dropdown dropdown-bottom sm:dropdown-end dropdown-center">
<div tabindex="0" role="button" class="btn btn-circle btn-sm relative" aria-label="Notifications">
<span class="iconify lucide--bell motion-preset-seesaw size-4.5"></span>
<i data-lucide="bell" class="motion-preset-seesaw size-4.5"></i>
<div class="status status-error status-sm absolute end-1 top-1"></div>
</div>
<div tabindex="0"
class="dropdown-content bg-base-100 rounded-box mt-1 w-84 shadow-md duration-1000 hover:shadow-lg">
class="dropdown-content bg-base-100 rounded-box mt-1 w-80 shadow-md duration-1000 hover:shadow-lg">
<div class="bg-base-200/30 rounded-t-box border-base-200 border-b ps-4 pe-2 pt-3">
<div class="flex items-center justify-between">
<p class="font-medium">Notification</p>
@@ -351,22 +351,22 @@
</div>
</div>
<div class="grow -space-y-0.5">
<p class="text-sm font-medium text-white">Denish N</p>
<p class="text-base-content/60 text-xs text-white">@withden</p>
<p class="text-sm font-medium text-white group-hover:text-black">Denish N</p>
<p class="text-base-content/60 text-xs text-white group-hover:text-black">@withden</p>
</div>
<span class="iconify lucide--chevrons-up-down text-base-content/60 size-4 text-white"></span>
<i data-lucide="chevrons-up-down" class="size-4 text-white group-hover:text-black"></i>
</div>
<ul role="menu" tabindex="0"
class="dropdown-content menu bg-base-100 rounded-box shadow-base-content/4 mb-1 w-48 p-1 shadow-[0px_-10px_40px_0px]">
<li>
<a href="./pages/settings.html">
<span class="iconify lucide--user size-4"></span>
<i data-lucide="user" class="size-4"></i>
<span>Tài khoản</span>
</a>
</li>
<li>
<a href="/admin/system/settings">
<span class="iconify lucide--settings size-4"></span>
<i data-lucide="Settings" class="size-4"></i>
<span>Cài đặt hệ thống</span>
</a>
</li>
@@ -374,11 +374,11 @@
</div>
</div>
</div>
<div class="flex items-center justify-between px-3 gap-3 relative">
<div class="flex items-center justify-between gap-3 relative">
<ul class="menu menu-horizontal">
<li>
<div class="flex items-center gap-3">
<span class="iconify lucide--home tw-tsa"></span>
<i data-lucide="house" class="tw-sla menu-icon-color"></i>
<a href="/"><span class="grow">Home</span></a>
</div>
</li>
@@ -389,7 +389,7 @@
class="{%- for _item in _menu_children -%}{%- if _item.url == global.url -%} active {%- endif -%} {%- endfor -%}">
<div class="flex items-center gap-3">
{% if _menu_item.icon_class != '' %}
<span class="{{_menu_item.icon_class}}"></span>
<i data-lucide="{{_menu_item.icon_class}}" class="tw-sla menu-icon-color"></i>
{% endif %}
<span class="grow">{{ _menu_item.name }}</span>
</div>
@@ -403,7 +403,5 @@
{% endif %}
{% endfor %}
</ul>
</div>
</div>