More UI improvements

Author: D-K-P

product-image-generator/app/components/GeneratedCard.tsx

@@ -248,7 +248,13 @@ export default function GeneratedCard({
       ) : (
         // Show loading/waiting state
         <div className="h-full flex flex-col items-center justify-center p-6 text-center">
-          <div className="w-12 h-12 rounded-lg bg-gray-300/20 flex items-center justify-center mb-4">
+          <div
+            className={`w-12 h-12 rounded-lg flex items-center justify-center mb-4 ${
+              isTaskRunning && generationProgress === "generating"
+                ? ""
+                : "bg-gray-300/20"
+            }`}
+          >
             {isTaskRunning && generationProgress === "generating" ? (
               <div className="animate-spin h-6 w-6">
                 <Loader2 className="h-6 w-6 text-gray-500" />

product-image-generator/app/components/UploadCard.tsx

@@ -186,7 +186,7 @@ export default function UploadCard({
       ) : isUploading || isLoading || run?.id || progress ? (
         // Show progress state when loading or run exists
         <div className="h-full flex flex-col items-center justify-center p-6 text-center">
-          <div className="w-8 h-8 rounded-full flex items-center justify-center mb-4 transition-colors ">
+          <div className="w-8 h-8 rounded-full flex items-center justify-center mb-4">
             <div className="animate-spin rounded-full h-6 w-6">
               <LucideLoader className="h-6 w-6 text-gray-500" />
             </div>