docs(useDraggable): update demo style[z-index] (#3725)

Co-authored-by: banruo <shl@dataqin.com>
vueuse · Feb 20, 2024 · 20aecd2 · 20aecd2
1 parent 98fac39
commit 20aecd2
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/core/useDraggable/demo.vue b/packages/core/useDraggable/demo.vue
@@ -25,7 +25,7 @@ const { x, y, style } = useDraggable(el, {
       p="x-4 y-2"
       border="~ gray-800/30 rounded"
       shadow="~ hover:lg"
-      class="fixed bg-$vp-c-bg select-none cursor-move z-24"
+      class="fixed bg-$vp-c-bg select-none cursor-move z-31"
       style="touch-action:none;"
       :style="style"
     >
@@ -40,7 +40,7 @@ const { x, y, style } = useDraggable(el, {
       p="x-4 y-2"
       border="~ gray-400/30 rounded"
       shadow="~ hover:lg"
-      class="fixed bg-$vp-c-bg select-none cursor-move z-24"
+      class="fixed bg-$vp-c-bg select-none cursor-move z-31"
       :initial-value="{ x: innerWidth / 3.9, y: 150 }"
       :prevent-default="true"
       storage-key="vueuse-draggable-pos"
@@ -60,7 +60,7 @@ const { x, y, style } = useDraggable(el, {
       p="x-4 y-2"
       border="~ gray-400/30 rounded"
       shadow="~ hover:lg"
-      class="fixed bg-$vp-c-bg select-none z-24"
+      class="fixed bg-$vp-c-bg select-none z-31"
       :initial-value="{ x: innerWidth / 3.6, y: 240 }"
       :prevent-default="true"
       :handle="handle"