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

a

Browse Source
This commit is contained in:
Tieptk
2024-01-30 15:28:16 +07:00
parent d4077674f7
commit c17cf4ae8b
4 changed files with 107 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/script/pc_style.css
View File

@@ -479,9 +479,9 @@ a {
} }
.admin-menu .icon-close { .admin-menu .icon-close {
position: absolute; position: absolute;
top: 0; top: 12px;
right: -30px; right: -30px;
height: 30px; height: 34px;
width: 30px; width: 30px;
display: block; display: block;
background-color: rgb(0 78 153/var(--tw-bg-opacity)); background-color: rgb(0 78 153/var(--tw-bg-opacity));
@@ -499,6 +499,7 @@ a {
} }
.admin-content-container.show-large-menu { .admin-content-container.show-large-menu {
width: 82%; width: 82%;
margin-left: 0;
} }
.admin-content-container .note-list { .admin-content-container .note-list {
min-width: 144px; min-width: 144px;
@@ -852,4 +853,14 @@ input[type=radio]:focus:before {
} }
.global-breadcrumb-container a:last-child::after { .global-breadcrumb-container a:last-child::after {
content: none; content: none;
}
.table-brand th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
}
.table-brand td {
padding: 7px 6px;
border: 1px solid #ececec;
}/*# sourceMappingURL=pc_style.css.map */ }/*# sourceMappingURL=pc_style.css.map */

2
assets/script/pc_style.css.map
View File

File diff suppressed because one or more lines are too long

17
assets/script/pc_style.scss
View File

@@ -467,9 +467,9 @@ a {
} }
.icon-close { .icon-close {
position: absolute; position: absolute;
top: 0; top: 12px;
right: -30px; right: -30px;
height: 30px; height: 34px;
width: 30px; width: 30px;
display: block; display: block;
background-color: rgb(0 78 153 / var(--tw-bg-opacity)); background-color: rgb(0 78 153 / var(--tw-bg-opacity));
@@ -486,6 +486,7 @@ a {
width: calc(100% - 50px); width: calc(100% - 50px);
&.show-large-menu { &.show-large-menu {
width: 82%; width: 82%;
margin-left: 0;
} }
.note-list { .note-list {
min-width: 144px; min-width: 144px;
@@ -870,3 +871,15 @@ input[type="radio"] {
} }
} }
} }
.table-brand {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}

161
template/theme.html
View File

@@ -109,104 +109,99 @@
</div> </div>
<!-- Menu collapse --> <!-- Menu collapse -->
<div class="admin-menu box-menu sticky top-0 bg-[#004E99] flex flex-col justify-between pb-[20px] min-h-[100vh]" <div class="admin-menu box-menu fixed top-0 bg-[#004E99] flex flex-col pb-[20px] min-h-[100vh]"
id="js-menu-small"> id="js-menu-small">
<div>
<div
class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_38px_!important]">
<a href="/" class="">
<img src="../assets/images/logo_small.png" alt="">
</a>
<a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
<i class="fa-solid fa-indent"></i>
</a>
</div>
<div class="item"> <div
<a href="/" class="icons icon-home"> </a> class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_20px_!important]">
<img src="{{ 'logo_small.png' | asset_url }}" alt="" class="block">
<div class="sub-menu"> <a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
<p class="font-bold"> Dashboard </p> <i class="fa-solid fa-indent"></i>
</div> </a>
</div>
{% for _category in global.main_menu %}
{% assign _type = _category[0] %}
{% assign _menuArray = _category[1].menu %}
{% if _category[1].enable == 1 %}
<div class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %}">
{% if _type == 'order' %} <a href="" class="icons icon-sell"> </a>
{% elsif _type == 'product' %} <a href="" class="icons icon-product"> </a>
{% elsif _type == 'customer' %}<a href="" class="icons icon-user"> </a>
{% elsif _type == 'marketing' %} <a href="" class="icons icon-marketing"> </a>
{% elsif _type == 'investor_relation' %} <a href="" class="icons icon-investor_relation"> </a>
{% elsif _type == 'article' %} <a href="" class="icons icon-content"> </a>
{% elsif _type == 'job' %} <a href="" class="icons icon-job"> </a>
{% elsif _type == 'pcbuilder' %} <a href="" class="icons icon-pcbuilder"> </a>
{% elsif _type == 'payinstall' %} <a href="" class="icons icon-payinstall"> </a>
{% elsif _type == 'distributor' %} <a href="" class="icons icon-distributor"> </a>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<div class="sub-menu">
<p class="font-bold"> {{ _category[1].name }} </p>
<div class="menu-list">
{% for _item in _menuArray %}
<a href="{{ _item.url }}" {% if _item.view==global.view and _type==global.module %}
class="current" {% endif %}> {{ _item.name }} </a>
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div> </div>
<div> <div class="item">
<div class="item bottom"> <a href="/" class="icons icon-home"> </a>
<a href="" class="icons icon-settings"> </a>
<div class="sub-menu"> <div class="sub-menu">
<p class="font-bold"> Cài đặt </p> <p class="font-bold"> Dashboard </p>
</div>
</div>
<div class="menu-list"> {% for _category in global.main_menu %}
{% for _item in global.main_menu.system.menu %} {% assign _type = _category[0] %}
<a href="{{_item.url }}"> {{_item.name }} </a> {% assign _menuArray = _category[1].menu %}
{% endfor %}
</div> {% if _category[1].enable == 1 %}
<div class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %}">
{% if _type == 'order' %} <a href="" class="icons icon-sell"> </a>
{% elsif _type == 'product' %} <a href="" class="icons icon-product"> </a>
{% elsif _type == 'customer' %}<a href="" class="icons icon-user"> </a>
{% elsif _type == 'marketing' %} <a href="" class="icons icon-marketing"> </a>
{% elsif _type == 'investor_relation' %} <a href="" class="icons icon-investor_relation"> </a>
{% elsif _type == 'article' %} <a href="" class="icons icon-content"> </a>
{% elsif _type == 'job' %} <a href="" class="icons icon-job"> </a>
{% elsif _type == 'pcbuilder' %} <a href="" class="icons icon-pcbuilder"> </a>
{% elsif _type == 'payinstall' %} <a href="" class="icons icon-payinstall"> </a>
{% elsif _type == 'distributor' %} <a href="" class="icons icon-distributor"> </a>
{% elsif _type == 'report' %}<i class="icons icon-stats"></i>
{% elsif _type == 'system' %}<i class="icons icon-system"></i>
{% endif %}
<div class="sub-menu">
<p class="font-bold"> {{ _category[1].name }} </p>
<div class="menu-list">
{% for _item in _menuArray %}
<a href="{{ _item.url }}" {% if _item.view==global.view and _type==global.module %}
class="current" {% endif %}> {{ _item.name }} </a>
{% endfor %}
</div> </div>
</div> </div>
</div>
{% endif %}
{% endfor %}
<div class="item bottom"> <div class="item bottom">
<a href="" class="icons icon-support"> </a> <a href="" class="icons icon-settings"> </a>
<div class="sub-menu"> <div class="sub-menu">
<p class="font-bold"> Hỗ trợ </p> <p class="font-bold"> Cài đặt </p>
<div class="menu-list"> <div class="menu-list">
<a href=""> Menu title </a> {% for _item in global.main_menu.system.menu %}
<a href=""> Menu title </a> <a href="{{_item.url }}"> {{_item.name }} </a>
<a href=""> Menu title </a> {% endfor %}
<a href=""> Menu title </a>
</div>
</div> </div>
</div> </div>
</div>
<div class="item bottom"> <div class="item bottom">
<a href="" class="icons icon-account"> </a> <a href="" class="icons icon-support"> </a>
<div class="sub-menu"> <div class="sub-menu">
<p class="font-bold"> Quản lý tài khoản </p> <p class="font-bold"> Hỗ trợ </p>
<div class="menu-list"> <div class="menu-list">
<a href=""> Menu title </a> <a href=""> Menu title </a>
<a href=""> Menu title </a> <a href=""> Menu title </a>
<a href=""> Menu title </a> <a href=""> Menu title </a>
<a href=""> Menu title </a> <a href=""> Menu title </a>
</div> </div>
</div>
</div>
<div class="item bottom">
<a href="" class="icons icon-account"> </a>
<div class="sub-menu">
<p class="font-bold"> Quản lý tài khoản </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>
</div> </div>
</div> </div>
</div> </div>
@@ -220,7 +215,7 @@
</div> </div>
</div> </div>
<div class="admin-content-container" id="js-admin-content-container"> <div class="admin-content-container ml-[50px]" id="js-admin-content-container">
<!-- Header --> <!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3"> <div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search"> <form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">