fix(finefoods-client): hide number input when no order in cart

refinedev · May 20, 2024 · af97257 · af97257
1 parent 5cb305c
commit af97257
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/examples/finefoods-client/src/components/products/table/index.tsx b/examples/finefoods-client/src/components/products/table/index.tsx
@@ -135,9 +135,13 @@ const OrderAmountInput = ({ productId }: { productId: number }) => {
   return (
     <div className="flex shrink-0 gap-4">
       <div
-        className={cn("relative flex items-center overflow-hidden", {
-          "opacity-20": !order,
-        })}
+        className={cn(
+          "relative flex items-center overflow-hidden",
+          "transition-opacity duration-300 ease-in-out",
+          {
+            "opacity-0": !order,
+          },
+        )}
       >
         <button
           className="h-full rounded-tl-md rounded-bl-md border p-2 transition-all hover:bg-gray-50 active:bg-gray-50"