From 83e8a89f225e286a236afe7c4f16b9455fa4fc9f Mon Sep 17 00:00:00 2001
From: hypercross <helios.tnak@gmail.com>
Date: Thu, 26 Feb 2026 14:57:18 +0800
Subject: [PATCH] fix: opacity

---
 src/components/Sidebar.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index f433984..5b6861c 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -42,9 +42,7 @@ const FileTreeNode: Component<{
         onClick={handleClick}
       >
         <Show when={isDir}>
-          <span class="mr-1 text-gray-400">
-            {isExpanded() ? "📂" : "📁"}
-          </span>
+          <span class="mr-1 text-gray-400">{isExpanded() ? "📂" : "📁"}</span>
         </Show>
         <Show when={!isDir}>
           <span class="mr-1 text-gray-400">📄</span>
@@ -135,7 +133,8 @@ export const Sidebar: Component<SidebarProps> = (props) => {
   onMount(() => {
     const updateHeadings = () => {
       const pathname = location.pathname;
-      const headings = pathHeadings()[pathname] || pathHeadings()[`${pathname}.md`];
+      const headings =
+        pathHeadings()[pathname] || pathHeadings()[`${pathname}.md`];
       setCurrentFileHeadings(headings || []);
     };
     updateHeadings();
@@ -145,7 +144,7 @@ export const Sidebar: Component<SidebarProps> = (props) => {
     <Show when={props.isOpen}>
       {/* 遮罩层 */}
       <div
-        class="fixed inset-0 bg-black bg-opacity-50 z-40"
+        class="fixed inset-0 bg-black/50 z-40"
         onClick={props.onClose}
       />
       {/* 侧边栏 */}