zone/OpenAssetTools
2
0
Fork 0
mirror of https://github.com/Laupetin/OpenAssetTools.git synced 2025-11-03 12:07:12 +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">
<ModManHeader />
<RouterView />
<RouterView v-slot="{ Component }">
<Transition name="blend">
<component :is="Component" />
</Transition>
</RouterView>
</main>
</template>
<style scoped lang="scss">
@use "@style/variables";
.container {
margin: 0;
display: flex;
@@ -19,4 +25,14 @@ import ModManHeader from "./components/ModManHeader.vue";
height: 100vh;
}
.blend-enter-from,
.blend-leave-to {
opacity: 0;
}
.blend-enter-active,
.blend-leave-active {
transition: opacity 0.15s ease-in-out;
}
</style>