From 026ac7b5e52ea6f3c44f0e133c48c47d8ea34057 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 20:58:03 +0800
Subject: [PATCH] Make it fixed instead of absolute & update the desktop navbar
 to be z-[9998] instead of v-9998, like what even is that?

---
 components/app/windows/news.vue     | 2 +-
 components/app/windows/newsView.vue | 2 +-
 pages/desktop.vue                   | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/app/windows/news.vue b/components/app/windows/news.vue
index 33c4b23..c8afaec 100644
--- a/components/app/windows/news.vue
+++ b/components/app/windows/news.vue
@@ -286,7 +286,7 @@ const translateFunction = () => {
 <template>
   <div
     v-if="translateLoading"
-    class="flex flex-col bg-gray-200/50 text-black w-full h-full absolute inset-0 justify-center align-middle text-center z-[20] backdrop-blur-sm"
+    class="flex flex-col bg-gray-200/50 text-black w-full h-full fixed inset-0 justify-center align-middle text-center z-[20] backdrop-blur-sm"
   >
     <!--Spinner from  https://flowbite.com/docs/components/spinner/-->
     <div role="status">
diff --git a/components/app/windows/newsView.vue b/components/app/windows/newsView.vue
index 7d049ad..5d73be8 100644
--- a/components/app/windows/newsView.vue
+++ b/components/app/windows/newsView.vue
@@ -137,7 +137,7 @@ onMounted(async () => {
   </div>
   <div
     v-if="loadingTranslations"
-    class="flex flex-col bg-gray-200/50 text-black w-full h-full absolute inset-0 justify-center align-middle text-center z-[20] backdrop-blur-sm"
+    class="flex flex-col bg-gray-200/50 text-black w-full h-full fixed inset-0 justify-center align-middle text-center z-[20] backdrop-blur-sm"
   >
     <!--Spinner from  https://flowbite.com/docs/components/spinner/-->
     <div role="status">
diff --git a/pages/desktop.vue b/pages/desktop.vue
index 6254f70..3add768 100644
--- a/pages/desktop.vue
+++ b/pages/desktop.vue
@@ -711,9 +711,10 @@ setInterval(async () => {
     leave-active-class="animate__animated animate__fadeOutUp animate_fast03"
   >
     <div
-      class="m-2 p-2 bg-gray-800 shadow-lg w-fit rounded-[10px] v-9998 selection:opacity-0"
+      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)"