This commit is contained in:
2025-02-08 22:55:01 +07:00
parent 7299751c83
commit 9bdd0e435a
4 changed files with 38 additions and 149 deletions

View File

@@ -173,16 +173,6 @@ a {
.admin-menu-container .menu-logo img {
height: 22px;
}
.admin-menu-container .menu-list {
margin: 50px 5px;
}
.admin-menu-container details {
position: relative;
width: 100%;
}
.admin-menu-container details .item {
background: #004e99;
}
.admin-menu-container details[open] svg {
transform: rotate(90deg);
}
@@ -198,42 +188,11 @@ a {
.admin-menu-container details[open] .fa-angle-right {
transform: rotate(90deg);
}
.admin-menu-container .box-item {
position: relative;
}
.admin-menu-container .box-item .item {
background: #004e99;
}
.admin-menu-container summary {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding-right: 16px;
border-radius: 4px;
position: relative;
transition: 0.3s all;
}
.admin-menu-container summary a {
padding: 8px 16px;
display: flex;
align-items: center;
}
.admin-menu-container svg {
position: absolute;
right: 16px;
transition: 0.3s all;
}
.admin-menu-container .item {
display: flex;
align-items: center;
padding: 0 12px;
line-height: 36px;
transition: 0.3s all;
border-radius: 4px;
margin-bottom: 4px;
position: relative;
}
.admin-menu-container .item.active {
background: #22a2ff;
}
@@ -254,23 +213,6 @@ a {
height: 20px;
margin-right: 13px;
}
.admin-menu-container .sub-hover {
display: none;
position: absolute;
left: 100%;
top: 0;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.admin-menu-container .sub-hover a {
display: block;
padding: 10px 10px 10px 45px;
position: relative;
}
.admin-menu-container .sub-hover a:hover {
text-decoration: underline;
}
.admin-menu-container .title-main {
width: 100%;
}

File diff suppressed because one or more lines are too long

View File

@@ -151,15 +151,7 @@ a {
height: 22px;
}
}
.menu-list {
margin: 50px 5px;
}
details {
position: relative;
width: 100%;
.item {
background: #004e99;
}
&[open] {
svg {
transform: rotate(90deg);
@@ -179,42 +171,12 @@ a {
}
}
.box-item {
position: relative;
.item {
background: #004e99;
}
}
summary {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding-right: 16px;
border-radius: 4px;
position: relative;
transition: 0.3s all;
a {
padding: 8px 16px;
display: flex;
align-items: center;
}
}
svg {
position: absolute;
right: 16px;
transition: 0.3s all;
}
.item {
display: flex;
align-items: center;
padding: 0 12px;
line-height: 36px;
transition: 0.3s all;
border-radius: 4px;
margin-bottom: 4px;
position: relative;
&.active {
background: #22a2ff;
.icons {
@@ -237,24 +199,6 @@ a {
margin-right: 13px;
}
}
.sub-hover {
display: none; // Ẩn mặc định
position: absolute;
left: 100%;
top: 0;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
a {
display: block;
padding: 10px 10px 10px 45px;
position: relative;
&:hover {
text-decoration: underline;
}
}
}
.title-main {
width: 100%;
}