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