feat: 💄 fly in as well

This commit is contained in:
ThatOneCalculator 2023-07-12 00:45:53 -07:00
parent b9791ac7f4
commit 80b0735054

View file

@ -88,20 +88,33 @@ function openExternal(link) {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.slide-fade-enter { .slide-fade-enter-from {
opacity: 1;
transform: translateY(0);
}
.slide-fade-enter-active {
transition: opacity 0.5s, transform 0.5s;
}
.slide-fade-leave-to {
opacity: 0; opacity: 0;
transform: translateY(100%); transform: translateY(100%);
} }
.slide-fade-enter-active {
transition: opacity 0.5s, transform 0.5s;
}
.slide-fade-enter-to {
opacity: 1;
transform: translateY(0);
}
.slide-fade-leave-from {
opacity: 1;
transform: translateY(0);
}
.slide-fade-leave-active { .slide-fade-leave-active {
transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s;
} }
.slide-fade-leave-to {
opacity: 0;
transform: translateY(100%);
}
</style> </style>
<style lang="scss" module> <style lang="scss" module>