fix: opacity

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}
       />
       {/* 侧边栏 */}