zone/OpenAssetTools
2
0
Fork 0
mirror of https://github.com/Laupetin/OpenAssetTools.git synced 2025-11-03 03:57:12 +00:00
Code Activity

chore: fix router transition

Browse Source
This commit is contained in:
Jan Laupetin
2025-10-28 01:11:01 +01:00
parent 91619962a6
commit b8ca102131
1 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,11 +6,13 @@ import ModManHeader from "./components/ModManHeader.vue";
<main class="container">
<ModManHeader />
<RouterView v-slot="{ Component }">
<Transition name="blend">
<component :is="Component" />
</Transition>
</RouterView>
<div class="router-wrapper">
<RouterView v-slot="{ Component }">
<Transition name="blend">
<component :is="Component" />
</Transition>
</RouterView>
</div>
</main>
</template>
@@ -26,6 +28,11 @@ import ModManHeader from "./components/ModManHeader.vue";
height: 100vh;
}
.router-wrapper {
position: relative;
height: 100%;
}
.blend-enter-from,
.blend-leave-to {
opacity: 0;
@@ -33,6 +40,10 @@ import ModManHeader from "./components/ModManHeader.vue";
.blend-enter-active,
.blend-leave-active {
transition: opacity 0.15s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
.blend-leave-active {
position: absolute;
}
</style>