zone/OpenAssetTools
2
0
Fork 0
mirror of https://github.com/Laupetin/OpenAssetTools.git synced 2025-11-17 18:52:06 +00:00
Code Activity

chore: make sure page view transition works on non-full-size components

Browse Source
This commit is contained in:
Jan Laupetin
2025-10-28 21:24:49 +01:00
parent e9cf439672
commit cf8ab17991
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/ModManUi/src/App.vue
View File

@@ -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>