update src/components/ProductSalesAmount/Design1/index.js

src/components/ProductSalesAmount/Design1/index.js

@@ -19,25 +19,24 @@ const Design1 = ({ title, price, incomes }) => {
         {incomes.map((income, index) => (
           <div key={index} className="flex flex-col p-4">
             <p className="text-base">{income.name}</p>
-            <p className="text-lg font-sansbold text-center my-2">
+            <p className="text-lg font-sansbold text-center my-2 ">
               {income.income}
             </p>
             <div
-              className={`w-12 my-2 p-1 flex flex-row items-center justify-between self-end rounded ${
+              className={`w-12 p-1 my-2  flex flex-row items-center justify-between self-end rounded ${
                 income.percent > 0 ? "bg-green-100" : "bg-red-100"
               }`}
             >
               <span
-                style={{ direction: "initial" }}
                 className={`font-sansbold text-sm ${
                   income.percent > 0 ? "text-green-500" : "text-red-500"
                 }`}
               >
                 {income.percent}
               </span>
-              <img src={income.logo} alt="" />
+              <img src={income.logo} alt="logo" />
             </div>
-            <p className="text-xs leading-5 text-justify mt-2">
+            <p className="text-xs leading-5 text-justify mt-4">
               {income.excerpt}
             </p>
           </div>