From 3eba8b32797f775428a65d37f0da078bd964d65b Mon Sep 17 00:00:00 2001
From: hypercross <helios.tnak@gmail.com>
Date: Tue, 7 Jul 2026 23:59:57 +0800
Subject: [PATCH] fix(ui): increase z-index for DocDialog elements

Update z-index from 50 to 60 for the dialog overlay and dropdown
to ensure they appear above other UI components.
---
 src/components/DocDialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/DocDialog.tsx b/src/components/DocDialog.tsx
index 321f31f..cb7ab20 100644
--- a/src/components/DocDialog.tsx
+++ b/src/components/DocDialog.tsx
@@ -63,7 +63,7 @@ const DocDialog: Component<DocDialogProps> = (props) => {
   return (
     <Show when={props.isOpen}>
       <div
-        class="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4"
+        class="fixed inset-0 bg-black/50 z-60 flex items-center justify-center p-4"
         onClick={(e) => {
           if (e.target === e.currentTarget) props.onClose();
         }}
@@ -79,7 +79,7 @@ const DocDialog: Component<DocDialogProps> = (props) => {
                 <span class="text-gray-400 text-sm">▾</span>
               </button>
               <Show when={dropdownOpen()}>
-                <div class="absolute top-full left-0 mt-1 w-52 bg-white border border-gray-200 rounded shadow-lg z-50 py-1">
+                <div class="absolute top-full left-0 mt-1 w-52 bg-white border border-gray-200 rounded shadow-lg z-60 py-1">
                   <button
                     onClick={() => switchDocSet("directives")}
                     class={`w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex items-center gap-2 ${