admin side menu design update

EdiWang · Sep 3, 2023 · 3f2a97b · 3f2a97b
1 parent 986b7df
commit 3f2a97b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml b/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml
@@ -73,7 +73,7 @@
     </nav>
     <div class="d-flex admin-body-wrapper">
         <aside class="admin-nav">
-            <section class="admin-nav-section rounded-3 shadow-sm border bg-white mt-4 mb-3">
+            <section class="admin-nav-section mt-3 mb-3">
                 <div class="list-group list-group-flush">
                     <a asp-page="/Admin/Post"
                        class="list-group-item list-group-item-action @(currentPage is "/Admin/Post" or "/Admin/EditPost" or "/Admin/Draft" or "/Admin/RecycleBin" ? "active" : null)" title="Manage posts link">
@@ -111,7 +111,7 @@
                     <a asp-page="/Admin/FriendLink"
                        class="list-group-item list-group-item-action @(currentPage is "/Admin/FriendLink" ? "active" : null)">
                         <i class="bi-link-45deg admin-nav-icon" title="Manage friend links"></i>
-                        @SharedLocalizer["Friend Links"]
+                        @SharedLocalizer["Friend links"]
                     </a>
                     <a asp-page="/Admin/Pingback"
                        class="list-group-item list-group-item-action @(currentPage is "/Admin/Pingback" ? "active" : null)">

diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -447,7 +447,7 @@
   <data name="Friend Link Options" xml:space="preserve">
     <value>友情链接选项</value>
   </data>
-  <data name="Friend Links" xml:space="preserve">
+  <data name="Friend links" xml:space="preserve">
     <value>友情链接</value>
   </data>
   <data name="General" xml:space="preserve">

diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -73,6 +73,7 @@
 .admin-nav {
     width: 190px;
     min-height: calc(100vh - 54px);
+    border-right: 1px solid #ddd;
 }
 
     .admin-nav .list-group-item span {
@@ -103,7 +104,7 @@
 
 @media (min-width: 768px) {
     .admin-nav {
-        margin-left: 15px;
+        margin-left: 5px;
     }
 
     .admin-main {
@@ -137,15 +138,19 @@ hr.admin-nav-divider {
 
 .admin-nav-section .list-group-item {
     background-color: transparent;
-    border-left: 4px solid transparent;
+    border-left: 2px solid transparent;
     border-top: 0;
     border-bottom: 0;
     border-right: 0;
 }
 
     .admin-nav-section .list-group-item.active,
     .admin-nav-section .list-group-item:hover {
-        border-left: 4px solid var(--accent-color2);
+        border-left: 2px solid var(--accent-color2);
+    }
+
+    .admin-nav-section .list-group-item:hover {
+        background-color: #EBEBEB;
     }
 
 .admin-nav-link:active {