From 20b5c0b5934ceb293a1fd5ad164424c3fd48617b Mon Sep 17 00:00:00 2001
From: alexsparkes <alexsparkes@gmail.com>
Date: Sun, 9 Jun 2024 17:44:27 +0100
Subject: [PATCH] style: use non-arbitary value for transition

---
 src/features/welcome/Welcome.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/features/welcome/Welcome.jsx b/src/features/welcome/Welcome.jsx
index 4651c62b..601e2d11 100644
--- a/src/features/welcome/Welcome.jsx
+++ b/src/features/welcome/Welcome.jsx
@@ -164,16 +164,16 @@ function WelcomeModal() {
 
   const variants = {
     enter: (direction) => ({
-      x: direction > 0 ? 1000 : -1000,
-      opacity: 0,
+      x: direction > 0 ? '100%' : '-100%',
+      opacity: 1,
     }),
     center: {
       x: 0,
       opacity: 1,
     },
     exit: (direction) => ({
-      x: direction < 0 ? 1000 : -1000,
-      opacity: 0,
+      x: direction < 0 ? '100%' : '-100%',
+      opacity: 1,
     }),
   };
 
@@ -196,7 +196,7 @@ function WelcomeModal() {
           transition={{ type: 'spring', duration: 3 }}
         >
           <motion.span
-            className="text-[40px] font-bold max-w-[50%]"
+            className="text-6xl font-bold max-w-[50%]"
             initial={{ opacity: 0, y: 100 }}
             animate={{ opacity: 1, y: 0 }}
             exit={{ opacity: 0, y: 0 }}