Add slide transition for route navigation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-25 21:35:41 +00:00
parent 0f801a864c
commit a8ef10498e
2 changed files with 19 additions and 1 deletions
--- a/vue/src/assets/styles.css
+++ b/vue/src/assets/styles.css
@@ -1,5 +1,19 @@
@import "tailwindcss";

+/* Route transitions */
+.slide-enter-active,
+.slide-leave-active {
+    transition: transform 0.3s ease, opacity 0.3s ease;
+}
+.slide-enter-from {
+    transform: translateX(30px);
+    opacity: 0;
+}
+.slide-leave-to {
+    transform: translateX(-30px);
+    opacity: 0;
+}
+
 /* PRINTING */
@media print {