Make it fixed instead of absolute & update the desktop navbar to be

z-[9998] instead of v-9998, like what even is that?
This commit is contained in:
吳元皓 2025-07-02 20:58:03 +08:00
parent 82cf4b339a
commit 026ac7b5e5
3 changed files with 4 additions and 3 deletions

View File

@ -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">

View File

@ -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">

View File

@ -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)"