From 918c7e96881de97f49a9557052c879abe2161689 Mon Sep 17 00:00:00 2001
From: BaoLe106 <lgbaoo.106@gmail.com>
Date: Mon, 14 Aug 2023 01:16:44 +0800
Subject: [PATCH] left-ui task

---
 resources/blog.scss    | 11 +++++------
 resources/darkmode.css | 10 +++++++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/resources/blog.scss b/resources/blog.scss
index 9ba7e11..f7262dd 100644
--- a/resources/blog.scss
+++ b/resources/blog.scss
@@ -36,7 +36,6 @@
     color: green;
     font-weight: bold;
     background-color: lightgreen;
-
     .sidebar-icon {
         color: green;
     }
@@ -181,7 +180,10 @@
 .left-sidebar-item {
     display: flex;
     align-items: center;
-
+    border: 2px solid rgb(24, 26, 27);
+    border-radius: 15px;
+    margin-bottom: 10px;
+    margin-left: 10px;
     .sidebar-icon {
         font-size: large;
         display: inline-block;
@@ -278,7 +280,6 @@
         padding: 0.8em 0.2em 0.8em 0.2em;
         display: inline-block;
         flex: 1;
-        border-radius: 8px;
 
         .sidebar-icon {
             display: none;
@@ -345,9 +346,7 @@
         height: 100%;
         margin-top: -4em;
         padding-top: 4em;
-        border-right: 1px solid lightgray;
-        box-shadow: 0px -10px 2px 0px rgb(0 0 0 / 50%);
-        background: white;
+        border-right: 1px;
     }
 
     .feed-table {
diff --git a/resources/darkmode.css b/resources/darkmode.css
index bff07e2..e035dfc 100644
--- a/resources/darkmode.css
+++ b/resources/darkmode.css
@@ -1892,6 +1892,9 @@ noscript #noscript {
 .middle-content .post .title a:hover {
     color: rgb(255, 70, 70) !important;
 }
+.left-sidebar-item {
+    border-color: rgb(60, 65, 68);
+}
 .left-sidebar-item.active {
     color: rgb(114, 255, 114);
     background-color: rgb(40, 111, 17);
@@ -1966,10 +1969,11 @@ noscript #noscript {
 }
 @media (min-width: 800px) {
     .left-sidebar {
-        border-right-color: rgb(60, 65, 68);
-        box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 2px 0px;
+        /* border-right-color: rgb(60, 65, 68); */
+        /* box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 2px 0px; */
         background-image: initial;
-        background-color: rgb(24, 26, 27);
+        
+        /* background-color: rgb(24, 26, 27); */
     }
     .blog-box {
         border-left-color: rgb(60, 65, 68);