Update layout transition duration

2026-05-23 20:44:29 +03:30
parent 6ed95784a3
commit c7f7f35785
2 changed files with 20 additions and 1 deletions
@@ -1,3 +1,22 @@
+/*
+    Layout fade animation
+*/
+
+.layout-fade-leave-active,
+.layout-fade-enter-active {
+    transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
+}
+
+.layout-fade-enter-to,
+.layout-fade-leave-from {
+    opacity: 1;
+}
+
+.layout-fade-enter-from,
+.layout-fade-leave-to {
+    opacity: 0;
+}
+
 /*
    Zoom animation
 */
@@ -16,7 +16,7 @@ export default defineNuxtConfig({

    app: {
        pageTransition: {
-            name: "fade",
+            name: "layout-fade",
            mode: "out-in",
        },
        head: {