From ebebb131df19a6fa52a174e87c298fad1e41ae22 Mon Sep 17 00:00:00 2001
From: Han <1655466387@qq.com>
Date: Tue, 18 Feb 2025 09:48:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=89=8B=E6=9C=BA=E7=AB=AF?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=9B=BE=E6=A0=87=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E2=9C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Comment.astro             |  5 +----
 src/components/MobileSidebar.astro       |  4 ++--
 src/styles/components/MobileSidebar.less | 17 ++++-------------
 3 files changed, 7 insertions(+), 19 deletions(-)

diff --git a/src/components/Comment.astro b/src/components/Comment.astro
index 56a9d1b..da5fb38 100644
--- a/src/components/Comment.astro
+++ b/src/components/Comment.astro
@@ -13,9 +13,6 @@ import "../styles/components/Comment.less";
 		updateRouter("afterMount", async () => {
 			if (!document.querySelector(".vh-comment>section")) return;
 			await LoadScript("https://registry.npmmirror.com/twikoo/1.6.41/files/dist/twikoo.all.min.js");
-			twikoo.init({
-				envId: SITE_INFO.Twikoo.envId,
-				el: ".vh-comment>section"
-			});
+			twikoo.init({ envId: SITE_INFO.Twikoo.envId, el: ".vh-comment>section" });
 		});
 </script>
diff --git a/src/components/MobileSidebar.astro b/src/components/MobileSidebar.astro
index b8137da..c296aad 100644
--- a/src/components/MobileSidebar.astro
+++ b/src/components/MobileSidebar.astro
@@ -12,12 +12,12 @@ import "../styles/components/MobileSidebar.less";
 		<div class="vh-mobilesidebar-list user-panel">
 			<h3>{Title}</h3>
 		</div>
-    
+
 		<div class="vh-mobilesidebar-list">
 			{
 				Navs.map(i => (
 					<a class={i.link.includes(activeNav) ? "active" : ""} href={i.link} target={i.target ? "_blank" : "_self"}>
-						<span set:html={i.icon} />
+						<object data={i.icon} type="image/svg+xml" />
 						{i.text}
 					</a>
 				))
diff --git a/src/styles/components/MobileSidebar.less b/src/styles/components/MobileSidebar.less
index 21e9898..7d3ab3b 100644
--- a/src/styles/components/MobileSidebar.less
+++ b/src/styles/components/MobileSidebar.less
@@ -90,24 +90,15 @@
           color: #fff;
           background: #3366FF;
 
-          &>span {
-            &>svg {
-              fill: #fff;
-            }
+          &>object {
+            filter: brightness(0) invert(100%);
           }
         }
 
-
-        &>span {
-          display: flex;
-          align-items: center;
+        &>object {
           width: 0.875rem;
           height: 0.875rem;
-
-          &>svg {
-            width: 100%;
-            height: 100%;
-          }
+          transition: filter 0.16s ease-in-out;
         }
       }
     }