fix: backdrop borking v-app

Backdrop was breaking v-app's behaviour. The order of the elements is important for things like v-hover to work properly
jellyfin · Jan 25, 2023 · f24a4e5 · f24a4e5
1 parent 12ad779
commit f24a4e5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -1,6 +1,6 @@
 <template>
+  <backdrop />
   <v-app>
-    <backdrop />
     <router-view-transition is-root />
     <snackbar />
     <player-element />

diff --git a/frontend/src/components/Layout/Backdrop.vue b/frontend/src/components/Layout/Backdrop.vue
@@ -19,6 +19,12 @@ const opacity = computed(() => route.meta.backdrop?.opacity || 0.25);
 .backdrop {
   background-color: rgb(var(--v-theme-background));
   opacity: v-bind(opacity);
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-size: cover;
 
   & canvas {
     position: fixed;