From 3f2a97b3c120e72a088bb501ce08f130224803cf Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 3 Sep 2023 08:25:02 +0800
Subject: [PATCH] admin side menu design update

---
 src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml |  4 ++--
 src/Moonglade.Web/Resources/Program.zh-Hans.resx   |  2 +-
 src/Moonglade.Web/wwwroot/css/admin.css            | 11 ++++++++---
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml b/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml
index d4d677ca9..8a4df284b 100644
--- 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
index be95fa09e..723fd7884 100644
--- 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
index 88ae2d606..812e9cf55 100644
--- 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,7 +138,7 @@ 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;
@@ -145,7 +146,11 @@ hr.admin-nav-divider {
 
     .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 {