Fix main button spinner look

oBusk · Oct 17, 2023 · 3c6a5ae · 3c6a5ae
1 parent f31a559
commit 3c6a5ae
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/app/_page/MainForm/MainForm.tsx b/src/app/_page/MainForm/MainForm.tsx
@@ -153,11 +153,17 @@ const MainForm = forwardRef<HTMLFormElement, MainFormProps>(
                                     className="relative overflow-hidden"
                                 >
                                     {isLoading ? (
-                                        <div className="absolute inset-0 flex items-center justify-center bg-primary">
+                                        <div className="absolute inset-0 flex items-center justify-center">
                                             <Loader2 className="animate-spin" />
                                         </div>
                                     ) : null}
-                                    npm diff! 📦🔃
+                                    <span
+                                        className={
+                                            isLoading ? "invisible" : undefined
+                                        }
+                                    >
+                                        npm diff! 📦🔃
+                                    </span>
                                 </Button>
                             </span>
                         </TooltipTrigger>