fix overlapping transition declarations

This commit is contained in:
survellow
2024-01-17 21:03:14 +01:00
parent 32a1d41e45
commit 061d0bd21e
2 changed files with 17 additions and 6 deletions

View File

@ -35,7 +35,7 @@ window.addEventListener("resize", updateMobile);
<MenuBar />
<RouterView v-slot="{ Component }">
<transition name="scale" mode="out-in">
<component :is="Component" />
<component :is="Component" class="origin-near-top"/>
</transition>
</RouterView>
<!-- show CalendarPreview but only on specific router views -->
@ -52,6 +52,10 @@ window.addEventListener("resize", updateMobile);
.scale-enter-from,
.scale-leave-to {
opacity: 0;
transform: scale(0.9);
transform: scale(0.95);
}
.origin-near-top {
transform-origin: center 33vh;
}
</style>