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

@@ -232,13 +232,13 @@ a {
.icon-home { .icon-home {
background-position: -9px -7px; background-position: -9px -7px;
} }
.icon-sell { .icon-order {
background-position: -45px -7px; background-position: -45px -7px;
} }
.icon-product { .icon-product {
background-position: -81px -8px; background-position: -81px -8px;
} }
.icon-user { .icon-customer {
background-position: -117px -8px; background-position: -117px -8px;
} }
.icon-marketing { .icon-marketing {
@@ -417,11 +417,6 @@ a {
} }
.logo { .logo {
position: relative; position: relative;
&:hover {
.icon-close {
display: block;
}
}
} }
.icon-close { .icon-close {
position: absolute; position: absolute;
@@ -429,7 +424,7 @@ a {
right: -30px; right: -30px;
height: 30px; height: 30px;
width: 30px; width: 30px;
display: none; display: block;
background-color: rgb(0 78 153 / var(--tw-bg-opacity)); background-color: rgb(0 78 153 / var(--tw-bg-opacity));
i { i {
display: block; display: block;
@@ -660,3 +655,9 @@ input[type="radio"] {
background-position: -43px -83px; 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" <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet"> 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" /> <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> <body>
{{global|show_var}}
<div class="admin-global-container"> <div class="admin-global-container">
@@ -41,23 +41,19 @@
</a> </a>
<div class="menu-list"> <div class="menu-list">
<a href="" class="item"> <a href="/" class="item">
<i class="icons icon-home"></i> <i class="icons icon-home"></i>
<span class="title"> Home </span> <span class="title"> Home </span>
</a> </a>
<details> <details>
<summary> <summary class="item">
<a href=""> <div class="flex items-center">
<i class="icons icon-sell"></i> <i class="icons icon-order"></i>
<span class="title"> Bán hàng </span> <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"> <i class="fa-solid fa-angle-right"></i>
<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>
</summary> </summary>
<div class="sub-menu"> <div class="sub-menu">
{% for _item in global.main_menu.order.menu %} {% for _item in global.main_menu.order.menu %}
@@ -68,18 +64,14 @@
</details> </details>
<details> <details>
<summary> <summary class="item">
<a href=""> <div class="flex items-center">
<i class="icons icon-product"></i> <i class="icons icon-product"></i>
<span class="title"> Sản phẩm </span> <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"> <i class="fa-solid fa-angle-right"></i>
<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>
</summary> </summary>
<div class="sub-menu"> <div class="sub-menu">
@@ -90,18 +82,14 @@
</details> </details>
<details> <details>
<summary> <summary class="item">
<a href=""> <div class="flex items-center">
<i class="icons icon-user"></i> <i class="icons icon-customer"></i>
<span class="title"> Khách hàng </span> <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"> <i class="fa-solid fa-angle-right"></i>
<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>
</summary> </summary>
<div class="sub-menu"> <div class="sub-menu">
@@ -112,18 +100,14 @@
</details> </details>
<details> <details>
<summary> <summary class="item">
<a href=""> <div class="flex items-center">
<i class="icons icon-marketing"></i> <i class="icons icon-marketing"></i>
<span class="title"> Marketing </span> <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"> <i class="fa-solid fa-angle-right"></i>
<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>
</summary> </summary>
<div class="sub-menu"> <div class="sub-menu">
@@ -134,18 +118,14 @@
</details> </details>
<details> <details>
<summary> <summary class="item">
<a href=""> <div class="flex items-center">
<i class="icons icon-content"></i> <i class="icons icon-content"></i>
<span class="title"> Nội dung </span> <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"> <i class="fa-solid fa-angle-right"></i>
<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>
</summary> </summary>
<div class="sub-menu"> <div class="sub-menu">
@@ -157,18 +137,14 @@
</details> </details>
<details> <details>
<summary> <summary class="item">
<a href=""> <div class="flex items-center">
<i class="icons icon-stats"></i> <i class="icons icon-stats"></i>
<span class="title"> Thống kê </span> <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"> <i class="fa-solid fa-angle-right"></i>
<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>
</summary> </summary>
<div class="sub-menu"> <div class="sub-menu">
@@ -180,18 +156,14 @@
</details> </details>
<details> <details>
<summary> <summary class="item">
<a href=""> <div class=" flex items-center">
<i class="icons icon-system"></i> <i class="icons icon-system"></i>
<span class="title"> Hệ thống </span> <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"> <i class="fa-solid fa-angle-right"></i>
<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>
</summary> </summary>
<div class="sub-menu"> <div class="sub-menu">
@@ -407,7 +379,7 @@
<div class="admin-content-container w-[100%]"> <div class="admin-content-container w-[100%]">
<!-- 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%]"> <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"> <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i class="icons icon-search"></i> <i class="icons icon-search"></i>
</div> </div>