From eac9b47e10b827f6b4e84ab758cbc2c9fe2ae7d6 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 30 Sep 2025 16:18:43 +0200
Subject: [PATCH] chore: update prompt visibility

---
 src/App.vue                            | 16 ----------------
 src/components/Global/UpdatePrompt.vue | 22 +++++++++++++++++++++-
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index f8df062..dbd9114 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -107,22 +107,6 @@ function loadLang() {
   min-height: 100vh;
 }
 
-.update-prompt {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  padding: 0.5em;
-
-  font-weight: bold;
-
-  text-align: center;
-
-  width: 100%;
-  background-color: colors.$accentCol;
-
-  cursor: pointer;
-}
-
 footer {
   text-align: center;
   padding: 0.5em 0;
diff --git a/src/components/Global/UpdatePrompt.vue b/src/components/Global/UpdatePrompt.vue
index 518caad..1f8bbfc 100644
--- a/src/components/Global/UpdatePrompt.vue
+++ b/src/components/Global/UpdatePrompt.vue
@@ -11,4 +11,24 @@ import { useRegisterSW } from 'virtual:pwa-register/vue';
 const { offlineReady, needRefresh, updateServiceWorker } = useRegisterSW({ immediate: true });
 </script>
 
-<style scoped></style>
+<style lang="scss" scoped>
+@use '../../styles/colors';
+
+.update-prompt {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  padding: 0.5em;
+
+  z-index: 200;
+
+  font-weight: bold;
+
+  text-align: center;
+
+  width: 100%;
+  background-color: colors.$accentCol;
+
+  cursor: pointer;
+}
+</style>