fix ui bug with sign in button getting really large while in loading …

…state
chingu-x · Nov 14, 2024 · faceab2 · faceab2
1 parent ab8800b
commit faceab2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
@@ -36,7 +36,11 @@ export default function Layout({ children }: LayoutProps) {
   }
 
   if (isPending) {
-    return <Spinner />;
+    return (
+      <div className="flex min-h-screen items-center justify-center">
+        <Spinner />
+      </div>
+    );
   }
 
   // TODO: refactor

diff --git a/src/components/Spinner.tsx b/src/components/Spinner.tsx
@@ -10,7 +10,7 @@ export default function Spinner({
   extraClasses,
 }: SpinnerProps) {
   return (
-    <div className="flex min-h-screen items-center justify-center">
+    <div className="flex justify-center">
       <svg
         className={`h-5 w-5 animate-spin ${color} ${extraClasses}`}
         xmlns="http://www.w3.org/2000/svg"