Add route transitions

2024-10-12 23:53:08 -03:00
parent e6117d77d7
commit 53d52f3a14
2 changed files with 29 additions and 10 deletions
--- a/src/assets/transitions.css
+++ b/src/assets/transitions.css
@@ -1,4 +1,3 @@
-
 .dropdown-enter-active,
 .dropdown-leave-active {
  transition: all 0.3s ease;
@@ -8,4 +7,15 @@
 .dropdown-leave-to {
  opacity: 0;
  transform: translateY(-10px);
-}
+}
+
+.page-enter-active,
+.page-leave-active {
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+
+.page-enter-from,
+.page-leave-to {
+  opacity: 0;
+  transform: translateY(15px);
+}