From 4434f0265d497def31f72fe6354018d522bc5cbe Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Sun, 17 Nov 2024 00:04:01 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AB(frontend)=20add=20fadein=20animati?=
 =?UTF-8?q?on=20on=20home?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Elements' apparition felt quite harsh.
Add an animation to fade in content.
Used a pre-defined animation in panda configs.
---
 src/frontend/src/features/home/routes/Home.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/frontend/src/features/home/routes/Home.tsx b/src/frontend/src/features/home/routes/Home.tsx
index cf0459ff..e18e7c12 100644
--- a/src/frontend/src/features/home/routes/Home.tsx
+++ b/src/frontend/src/features/home/routes/Home.tsx
@@ -31,6 +31,8 @@ const Columns = ({ children }: { children?: ReactNode }) => {
         justifyContent: 'normal',
         padding: '0 1rem',
         width: 'calc(100%-2rem)',
+        opacity: 0,
+        animation: '.5s ease-in fade 0s forwards',
         lg: {
           flexDirection: 'row',
           justifyContent: 'space-evenly',