From cf8ab179912365bd8ad2be30d8c11b0e80c7930b Mon Sep 17 00:00:00 2001
From: Jan Laupetin <jan@laupetin.net>
Date: Tue, 28 Oct 2025 21:24:49 +0100
Subject: [PATCH] chore: make sure page view transition works on non-full-size
 components

---
 src/ModManUi/src/App.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/ModManUi/src/App.vue b/src/ModManUi/src/App.vue
index 3153ece0..5763d1d4 100644
--- a/src/ModManUi/src/App.vue
+++ b/src/ModManUi/src/App.vue
@@ -7,9 +7,11 @@ import ModManHeader from "./components/ModManHeader.vue";
     <ModManHeader />
 
     <div class="router-wrapper">
-      <RouterView v-slot="{ Component }">
+      <RouterView v-slot="{ Component, route }">
         <Transition name="blend">
-          <component :is="Component" />
+          <div class="router-rewrapper" :key="route.name">
+            <component :is="Component" />
+          </div>
         </Transition>
       </RouterView>
     </div>
@@ -33,6 +35,10 @@ import ModManHeader from "./components/ModManHeader.vue";
   height: 100%;
 }
 
+.router-rewrapper {
+  height: 100%;
+}
+
 .blend-enter-from,
 .blend-leave-to {
   opacity: 0;
@@ -45,5 +51,6 @@ import ModManHeader from "./components/ModManHeader.vue";
 
 .blend-leave-active {
   position: absolute;
+  inset: 0;
 }
 </style>