From 2fa82d758429f8fd7595f0a4cb9bd2aa0e8c2deb Mon Sep 17 00:00:00 2001
From: PandaDEV <70103896+0PandaDEV@users.noreply.github.com>
Date: Wed, 25 Dec 2024 23:44:06 +1000
Subject: [PATCH] fix: interface unusable becasue no interaction was possible

---
 app.vue              | 9 ++++++---
 components/Noise.vue | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app.vue b/app.vue
index 8f75e44..2d69efc 100644
--- a/app.vue
+++ b/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="pointer-events: auto;">
     <NuxtPage />
   </div>
 </template>
@@ -59,6 +59,8 @@ onMounted(async () => {
   scroll-behavior: smooth;
   scrollbar-width: thin;
   user-select: none;
+  position: relative;
+  z-index: 1;
 
   --os-handle-bg: #ADA9A1;
   --os-handle-bg-hover: #78756F;
@@ -66,11 +68,12 @@ onMounted(async () => {
 }
 
 html,
-body,
-#__nuxt {
+body {
   background-color: transparent;
   width: 750px;
   height: 474px;
+  user-select: none !important;
+  pointer-events: none !important;
 }
 
 .os-scrollbar-horizontal {
diff --git a/components/Noise.vue b/components/Noise.vue
index 41bb879..67fcbff 100644
--- a/components/Noise.vue
+++ b/components/Noise.vue
@@ -12,7 +12,7 @@
   height: 100vh;
   pointer-events: none;
   user-select: none;
-  z-index: 0;
+  z-index: -1;
   background-image: url('/noise.png');
   background-repeat: repeat;
   image-rendering: pixelated;