From c7f7f35785b54b8112187892ee23a88e619cc03c Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Sat, 23 May 2026 20:44:29 +0330
Subject: [PATCH] Update layout transition duration

---
 frontend/assets/css/animations.css | 19 +++++++++++++++++++
 frontend/nuxt.config.ts            |  2 +-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/frontend/assets/css/animations.css b/frontend/assets/css/animations.css
index a906403..1edeb92 100644
--- a/frontend/assets/css/animations.css
+++ b/frontend/assets/css/animations.css
@@ -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
 */
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index f385b7d..795d4eb 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -16,7 +16,7 @@ export default defineNuxtConfig({
 
     app: {
         pageTransition: {
-            name: "fade",
+            name: "layout-fade",
             mode: "out-in",
         },
         head: {