update menu

assets/script/pc_style.css

@@ -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;
 }