chore: update prompt visibility

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;

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>