chore: only animate when user allows it

Signed-off-by: Logan McAnsh <logan@mcan.sh>
mcansh · May 14, 2021 · 363b1ad · 363b1ad · github-actions · May 14, 2021
1 parent a7cb010
commit 363b1ad
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app/routes/index.tsx b/app/routes/index.tsx
@@ -21,7 +21,7 @@ const links: LinksFunction = () => [
 ];
 
 const IndexPage: RouteComponent = () => (
-  <div className="flex flex-col items-center justify-center h-full max-w-screen-md px-4 py-8 mx-auto animate-fall">
+  <div className="flex flex-col items-center justify-center h-full max-w-screen-md px-4 py-8 mx-auto motion-safe:animate-fall">
     <div className="flex flex-col items-center justify-center flex-1">
       <img
         src="/me.jpg"