zone/OpenAssetTools
2
0
Fork 0
mirror of https://github.com/Laupetin/OpenAssetTools.git synced 2025-11-18 03:02:07 +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

13
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 />
<div class="router-wrapper">
<RouterView v-slot="{ Component }"> <RouterView v-slot="{ Component }">
<Transition name="blend"> <Transition name="blend">
<component :is="Component" /> <component :is="Component" />
</Transition> </Transition>
</RouterView> </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>