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

new menu

Browse Source
This commit is contained in:
Tieptk
2025-02-21 14:24:40 +07:00
parent ef51a9d6f4
commit 1b461f0e86
3 changed files with 50 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
assets/script/pc_style.css
View File

@@ -204,7 +204,8 @@ a {
} }
.admin-menu-container .sub-menu a { .admin-menu-container .sub-menu a {
display: block; display: block;
padding: 10px 10px 10px 45px; padding: 10px;
margin-left: 25px;
position: relative; position: relative;
} }
.admin-menu-container .sub-menu a:hover { .admin-menu-container .sub-menu a:hover {
@@ -216,8 +217,28 @@ a {
background: #22a2ff; background: #22a2ff;
border-radius: 4px; border-radius: 4px;
} }
.admin-menu-container .sub-menu a:last-child { .admin-menu-container .sub-menu a:last-child::after {
margin: 0; display: none;
}
.admin-menu-container .sub-menu a::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #79b0e2;
position: absolute;
top: 16px;
left: -16px;
z-index: 9;
}
.admin-menu-container .sub-menu a::after {
content: "";
width: 1px;
height: 100%;
background: #fff;
position: absolute;
top: 16px;
left: -12px;
} }
.admin-menu-container .sub-menu.active { .admin-menu-container .sub-menu.active {
display: block; display: block;

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

File diff suppressed because one or more lines are too long

27
assets/script/pc_style.scss
View File

@@ -193,7 +193,8 @@ a {
display: none; display: none;
a { a {
display: block; display: block;
padding: 10px 10px 10px 45px; padding: 10px;
margin-left: 25px;
position: relative; position: relative;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
@@ -205,7 +206,29 @@ a {
border-radius: 4px; border-radius: 4px;
} }
&:last-child { &:last-child {
margin: 0; &::after {
display: none;
}
}
&::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #79b0e2;
position: absolute;
top: 16px;
left: -16px;
z-index: 9;
}
&::after {
content: "";
width: 1px;
height: 100%;
background: #fff;
position: absolute;
top: 16px;
left: -12px;
} }
} }
&.active { &.active {