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

update menu

Browse Source
This commit is contained in:
Tieptk
2024-01-24 10:07:21 +07:00
parent e37930d631
commit d1b5fcebb3
4 changed files with 51 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/script/pc_style.css
View File

@@ -248,13 +248,13 @@ a {
.admin-menu-container .icon-home {
background-position: -9px -7px;
}
.admin-menu-container .icon-sell {
.admin-menu-container .icon-order {
background-position: -45px -7px;
}
.admin-menu-container .icon-product {
background-position: -81px -8px;
}
.admin-menu-container .icon-user {
.admin-menu-container .icon-customer {
background-position: -117px -8px;
}
.admin-menu-container .icon-marketing {
@@ -431,16 +431,13 @@ a {
.admin-menu .logo {
position: relative;
}
.admin-menu .logo:hover .icon-close {
display: block;
}
.admin-menu .icon-close {
position: absolute;
top: 0;
right: -30px;
height: 30px;
width: 30px;
display: none;
display: block;
background-color: rgb(0 78 153/var(--tw-bg-opacity));
}
.admin-menu .icon-close i {
@@ -648,4 +645,8 @@ input[type=radio]:focus:before {
width: 20px;
height: 20px;
background-position: -43px -83px;
}
.admin-header-container .menu-hide {
margin-left: 30px;
}/*# 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

@@ -232,13 +232,13 @@ a {
.icon-home {
background-position: -9px -7px;
}
.icon-sell {
.icon-order {
background-position: -45px -7px;
}
.icon-product {
background-position: -81px -8px;
}
.icon-user {
.icon-customer {
background-position: -117px -8px;
}
.icon-marketing {
@@ -417,11 +417,6 @@ a {
}
.logo {
position: relative;
&:hover {
.icon-close {
display: block;
}
}
}
.icon-close {
position: absolute;
@@ -429,7 +424,7 @@ a {
right: -30px;
height: 30px;
width: 30px;
display: none;
display: block;
background-color: rgb(0 78 153 / var(--tw-bg-opacity));
i {
display: block;
@@ -660,3 +655,9 @@ input[type="radio"] {
background-position: -43px -83px;
}
}
.admin-header-container {
.menu-hide {
margin-left: 30px;
}
}

96
template/theme.html
View File

@@ -12,7 +12,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v=1.99.1" />
<link rel="stylesheet" media="screen" href="{{ 'pc_style.css' | asset_url }}?v=1.99.21" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
@@ -26,7 +26,7 @@
<body>
{{global|show_var}}
<div class="admin-global-container">
@@ -41,23 +41,19 @@
</a>
<div class="menu-list">
<a href="" class="item">
<a href="/" class="item">
<i class="icons icon-home"></i>
<span class="title"> Home </span>
</a>
<details>
<summary>
<a href="">
<i class="icons icon-sell"></i>
<summary class="item">
<div class="flex items-center">
<i class="icons icon-order"></i>
<span class="title"> Bán hàng </span>
</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
fill="white" />
</svg>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
{% for _item in global.main_menu.order.menu %}
@@ -68,18 +64,14 @@
</details>
<details>
<summary>
<a href="">
<summary class="item">
<div class="flex items-center">
<i class="icons icon-product"></i>
<span class="title"> Sản phẩm </span>
</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
fill="white" />
</svg>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
@@ -90,18 +82,14 @@
</details>
<details>
<summary>
<a href="">
<i class="icons icon-user"></i>
<summary class="item">
<div class="flex items-center">
<i class="icons icon-customer"></i>
<span class="title"> Khách hàng </span>
</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
fill="white" />
</svg>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
@@ -112,18 +100,14 @@
</details>
<details>
<summary>
<a href="">
<summary class="item">
<div class="flex items-center">
<i class="icons icon-marketing"></i>
<span class="title"> Marketing </span>
</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
fill="white" />
</svg>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
@@ -134,18 +118,14 @@
</details>
<details>
<summary>
<a href="">
<summary class="item">
<div class="flex items-center">
<i class="icons icon-content"></i>
<span class="title"> Nội dung </span>
</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
fill="white" />
</svg>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
@@ -157,18 +137,14 @@
</details>
<details>
<summary>
<a href="">
<summary class="item">
<div class="flex items-center">
<i class="icons icon-stats"></i>
<span class="title"> Thống kê </span>
</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
fill="white" />
</svg>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
@@ -180,18 +156,14 @@
</details>
<details>
<summary>
<a href="">
<summary class="item">
<div class=" flex items-center">
<i class="icons icon-system"></i>
<span class="title"> Hệ thống </span>
</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.646447 11.3536C0.451184 11.1583 0.451184 10.8417 0.646447 10.6464L5.29289 6L0.646446 1.35355C0.451184 1.15829 0.451184 0.841709 0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L6.35355 5.64645C6.54882 5.84171 6.54882 6.15829 6.35355 6.35355L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536Z"
fill="white" />
</svg>
<i class="fa-solid fa-angle-right"></i>
</summary>
<div class="sub-menu">
@@ -407,7 +379,7 @@
<div class="admin-content-container w-[100%]">
<!-- Header -->
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%]">
<form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i class="icons icon-search"></i>
</div>