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

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

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