From 4a1d66e0b9ef783de9a05f10c235121b3e851940 Mon Sep 17 00:00:00 2001 From: Theophilus Adesola Date: Fri, 28 Aug 2026 11:40:14 +0100 Subject: [PATCH 1/5] feat(ui): add smooth page transition animations --- src/app/globals.css | 4 ++++ src/app/layout.tsx | 3 ++- src/components/shared/page-transition.tsx | 25 +++++++++++++++++++++++ 3 files changed, 31 insertions(+), 1 deletion(-) create mode 100644 src/components/shared/page-transition.tsx diff --git a/src/app/globals.css b/src/app/globals.css index 61f108f..4d0cf11 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -64,6 +64,10 @@ animation: fadeIn 0.2s ease-out; } +#page-content.no-animation { + animation: none !important; +} + @keyframes fadeIn { from { opacity: 0; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index fb1d7d1..290d9e7 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -8,6 +8,7 @@ import { ToastProvider } from "@/components/shared/toast-provider"; import { AuthProvider } from "@/components/auth/auth-provider"; import { TooltipProvider } from "@/components/ui/tooltip"; import { ThemeProvider, themeInitScript } from "@/components/theme/theme-provider"; +import { PageTransition } from "@/components/shared/page-transition"; import "./globals.css"; const inter = Inter({ @@ -76,7 +77,7 @@ export default function RootLayout({
- {children} + {children}