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: add blend between views in modman

Browse Source
This commit is contained in:
Jan Laupetin
2025-10-27 21:37:43 +01:00
parent df0b1a09a4
commit 03b03be181
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,11 +6,17 @@ import ModManHeader from "./components/ModManHeader.vue";
<main class="container"> <main class="container">
<ModManHeader /> <ModManHeader />
<RouterView /> <RouterView v-slot="{ Component }">
<Transition name="blend">
<component :is="Component" />
</Transition>
</RouterView>
</main> </main>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
@use "@style/variables";
.container { .container {
margin: 0; margin: 0;
display: flex; display: flex;
@@ -19,4 +25,14 @@ import ModManHeader from "./components/ModManHeader.vue";
height: 100vh; height: 100vh;
} }
.blend-enter-from,
.blend-leave-to {
opacity: 0;
}
.blend-enter-active,
.blend-leave-active {
transition: opacity 0.15s ease-in-out;
}
</style> </style>