fix: screen loader to center

MarcoEscaleira · Apr 27, 2024 · 21dedc8 · 21dedc8
1 parent 975235d
commit 21dedc8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/main.tsx b/src/main.tsx
@@ -19,7 +19,7 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
         <RouterProvider
           router={router}
           fallbackElement={
-            <div className="flex h-full w-full items-center justify-center">
+            <div className="flex h-screen w-full items-center justify-center">
               <Loader2 size={100} className="animate-spin" />
             </div>
           }

diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -35,7 +35,7 @@ export function Component() {
             before.
             <Typography className="mt-3 font-medium">Are you ready for the adventure?</Typography>
           </Typography>
-          <div className="flex items-center justify-center animate-bounce">
+          <div className="flex items-center justify-center animate-bounce ">
             <Link
               to="/game"
               className="group inline-flex items-center justify-center rounded-lg bg-gradient-to-br from-green-400 to-blue-600 p-0.5 text-sm font-medium text-gray-900 shadow-md hover:text-white focus:outline-none focus:ring-4 focus:ring-green-200 group-hover:from-green-400 group-hover:to-blue-600"