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-05-07 13:34:07 +07:00
parent 7b96c6d976
commit 6415cca99f
3 changed files with 23 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/script/pc_style.css
View File

@@ -156,7 +156,7 @@ a {
.admin-menu-container {
position: relative;
overflow: auto;
background: #004e99;
background: #004180;
color: #fff;
width: 18%;
padding: 20px 0;
@@ -174,7 +174,7 @@ a {
height: 22px;
}
.admin-menu-container .menu-list {
margin: 50px 0;
margin: 50px 5px;
}
.admin-menu-container details[open] svg {
transform: rotate(90deg);
@@ -214,15 +214,17 @@ a {
.admin-menu-container .item {
display: flex;
align-items: center;
padding: 0 16px;
padding: 0 12px;
line-height: 36px;
transition: 0.3s all;
border-radius: 4px;
background: #004e99;
margin-bottom: 4px;
}
.admin-menu-container .item:hover {
background: #81b5e4;
.admin-menu-container .item:hover, .admin-menu-container .item.active {
background: #22a2ff;
}
.admin-menu-container .item:hover .icons {
.admin-menu-container .item:hover .icons, .admin-menu-container .item.active .icons {
filter: brightness(100);
}
.admin-menu-container .item .icons {
@@ -237,15 +239,6 @@ a {
padding: 13px 13px 13px 45px;
position: relative;
}
.admin-menu-container .sub-menu::before {
content: "";
width: 1px;
height: calc(100% - 39px);
background: #79b0e2;
position: absolute;
left: 20px;
top: 20px;
}
.admin-menu-container .sub-menu a {
display: block;
margin-bottom: 15px;
@@ -258,16 +251,6 @@ a {
font-weight: 700;
text-decoration: none;
}
.admin-menu-container .sub-menu a::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #79b0e2;
position: absolute;
top: 6px;
left: -28px;
}
.admin-menu-container .sub-menu a:last-child {
margin: 0;
}

32
assets/script/pc_style.scss
View File

@@ -134,7 +134,7 @@ a {
.admin-menu-container {
position: relative;
overflow: auto;
background: #004e99;
background: #004180;
color: #fff;
width: 18%;
padding: 20px 0;
@@ -151,7 +151,7 @@ a {
}
}
.menu-list {
margin: 50px 0;
margin: 50px 5px;
}
details {
&[open] {
@@ -195,12 +195,15 @@ a {
.item {
display: flex;
align-items: center;
padding: 0 16px;
padding: 0 12px;
line-height: 36px;
transition: 0.3s all;
border-radius: 4px;
&:hover {
background: #81b5e4;
background: #004e99;
margin-bottom: 4px;
&:hover,
&.active {
background: #22a2ff;
.icons {
filter: brightness(100);
}
@@ -217,15 +220,6 @@ a {
.sub-menu {
padding: 13px 13px 13px 45px;
position: relative;
&::before {
content: "";
width: 1px;
height: calc(100% - 39px);
background: #79b0e2;
position: absolute;
left: 20px;
top: 20px;
}
a {
display: block;
margin-bottom: 15px;
@@ -237,16 +231,6 @@ a {
font-weight: 700;
text-decoration: none;
}
&::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #79b0e2;
position: absolute;
top: 6px;
left: -28px;
}
&:last-child {
margin: 0;
}