From f4ea6333e603925595f669d0ead14b6196816a6c Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Tue, 3 May 2022 15:30:25 +0430
Subject: [PATCH] update src/components/ProductSalesAmount/Design1/index.js

---
 src/components/ProductSalesAmount/Design1/index.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ProductSalesAmount/Design1/index.js b/src/components/ProductSalesAmount/Design1/index.js
index 86aa6a7..a8895c6 100644
--- a/src/components/ProductSalesAmount/Design1/index.js
+++ b/src/components/ProductSalesAmount/Design1/index.js
@@ -15,9 +15,12 @@ const Design1 = ({ title, price, incomes }) => {
         <span className="mr-1">تومان</span>
       </p>
       {/* card */}
-      <div className="flex flex-row flex-wrap items-center">
+      <div className="mx-auto w-fit flex flex-row items-center justify-between divide-x-2 divide-[#F3F3F3] divide-x-reverse  p-4 py-7 ">
         {incomes.map((income, index) => (
-          <div style={{ width: "33%" }} className="flex flex-row my-2">
+          <div
+            key={index}
+            className="flex-grow flex-1 flex flex-col gap-y-4 px-4"
+          >
             <div className="flex flex-col border-gray-200 p-3">
               <p className="text-base">{income.name}</p>
               <p className="text-lg font-bold text-center my-2">