From 49833692196e5f14e57a86aff8d870c64cb934e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E5=85=83=E7=9A=93?= <hw@yuanhau.com>
Date: Wed, 2 Jul 2025 21:28:10 +0800
Subject: [PATCH] Tried to fix the z-indexing issue?

---
 pages/desktop.vue | 42 +++++++++++++++++++++---------------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/pages/desktop.vue b/pages/desktop.vue
index 726b84e..6336c6c 100644
--- a/pages/desktop.vue
+++ b/pages/desktop.vue
@@ -705,6 +705,27 @@ setInterval(async () => {
     </div>
   </div>
   <div class="w-full h-[2.5em]"></div>
+  <!--Menu-->
+  <Transition
+    enter-active-class="animate__animated animate__fadeInDown animate_fast03"
+    leave-active-class="animate__animated animate__fadeOutUp animate_fast03"
+  >
+    <div
+      class="m-2 p-2 bg-gray-800 shadow-lg w-fit rounded-[10px] z-[9999] selection:opacity-0 fixed top-[3em]"
+      v-if="menuOpen"
+    >
+      <!--Wait, I'm not using z-9998 this entire time? What?-->
+      <div v-for="item in menuItems" :key="item.name" class="">
+        <button
+          @click="openWindow(item.windowName)"
+          class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100"
+        >
+          <span>{{ item.name }}</span>
+          <ChevronRightIcon class="w-4 h-4 justify-center align-center" />
+        </button>
+      </div>
+    </div>
+  </Transition>
   <!--Main desktop contents-->
   <div
     class="flex flex-col justify-center align-center text-center absolute w-full h-screen inset-x-0 inset-y-0 z-[-10]"
@@ -804,25 +825,4 @@ setInterval(async () => {
   <div v-if="confetiActive">
     <div v-ref="successcanvas"></div>
   </div>
-  <!--Menu-->
-  <Transition
-    enter-active-class="animate__animated animate__fadeInDown animate_fast03"
-    leave-active-class="animate__animated animate__fadeOutUp animate_fast03"
-  >
-    <div
-      class="m-2 p-2 bg-gray-800 shadow-lg w-fit rounded-[10px] z-[9998] selection:opacity-0"
-      v-if="menuOpen"
-    >
-      <!--Wait, I'm not using z-9998 this entire time? What?-->
-      <div v-for="item in menuItems" :key="item.name" class="">
-        <button
-          @click="openWindow(item.windowName)"
-          class="flex flex-row items-center gap-x-2 text-gray-400 hover:text-gray-600 transition-all duration-100"
-        >
-          <span>{{ item.name }}</span>
-          <ChevronRightIcon class="w-4 h-4 justify-center align-center" />
-        </button>
-      </div>
-    </div>
-  </Transition>
 </template>