From 1225b557868e24d0d79cb3d1d3c065238227c20c Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Fri, 27 Mar 2026 11:16:30 +0000
Subject: [PATCH] fix: use opacity-only fade for page transitions instead of
 fade-in-up

ViewTransitionOutlet was using animate-fade-in-up (opacity + translateY)
on every route change, causing visible content shift on navigation.
Switch to animate-fade-in (opacity only) for a subtler transition.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/layout/ViewTransitionOutlet.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/layout/ViewTransitionOutlet.tsx b/frontend/src/components/layout/ViewTransitionOutlet.tsx
index 3cd5e6e2..79f449b5 100644
--- a/frontend/src/components/layout/ViewTransitionOutlet.tsx
+++ b/frontend/src/components/layout/ViewTransitionOutlet.tsx
@@ -19,7 +19,7 @@ export function ViewTransitionOutlet() {
   const routeKey = segments.slice(0, 2).join('/') || '/'
 
   return (
-    <div key={routeKey} className="flex-1 min-h-0 flex flex-col animate-fade-in-up">
+    <div key={routeKey} className="flex-1 min-h-0 flex flex-col animate-fade-in">
       <Outlet />
     </div>
   )