From 70b611bb623f180a914793684784db0facb63b37 Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Tue, 3 May 2022 20:37:05 +0430
Subject: [PATCH] update App.js, src/components/Button/index.js,
 src/components/Features/index.js and
 src/components/ProductStatusCard/index.js

---
 src/App.js                                | 6 +++---
 src/components/Button/index.js            | 2 +-
 src/components/ProductStatusCard/index.js | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/App.js b/src/App.js
index f461d99..82758b2 100644
--- a/src/App.js
+++ b/src/App.js
@@ -128,7 +128,7 @@ function App() {
 
         {/* ---------------------------- not usable ---------------------------- */}
         {/* <ProductTags /> */}
-        <NewTagDesign />
+        {/* <NewTagDesign /> */}
 
         {/* <CounterDesign /> */}
 
@@ -153,7 +153,7 @@ function App() {
 
         {/* <ProductTab /> */}
 
-        {/* <ProductStatusCard /> */}
+        <ProductStatusCard />
 
         {/* <AdvertisementDesign1 /> */}
         {/* <AdvertisementDesign2 /> */}
@@ -221,7 +221,7 @@ function App() {
 
         {/* <TimeLineComponent /> */}
 
-        <CardTrelloDesign />
+        {/* <CardTrelloDesign /> */}
 
         {/* <ReligiousTimes /> */}
 
diff --git a/src/components/Button/index.js b/src/components/Button/index.js
index d966ecb..ca84ec9 100644
--- a/src/components/Button/index.js
+++ b/src/components/Button/index.js
@@ -3,7 +3,7 @@ const Button = ({ className, iconClassName, icon, text, onClick }) => {
   return (
     <button
       onClick={onClick}
-      className={`flex items-center justify-center transiton duration-200 hover:bg-opacity-70 ${className}`}
+      className={`flex items-center justify-center transiton ease-linear duration-200 hover:bg-opacity-70 ${className}`}
     >
       {text}
       {icon && (
diff --git a/src/components/ProductStatusCard/index.js b/src/components/ProductStatusCard/index.js
index 81aeace..ef517cc 100644
--- a/src/components/ProductStatusCard/index.js
+++ b/src/components/ProductStatusCard/index.js
@@ -13,7 +13,7 @@ const ProductStatusCard = ({ items, productPrice, discountPrice }) => {
   console.log(items.alertIcon);
 
   return (
-    <section className="bg-white m-10 w-full sm:w-8/12 md:w-5/12	lg:w-3/12	p-5">
+    <section className="bg-white p-4 w-fit">
       <div className="bg-gray-200 rounded px-4 py-2">
         {items.map((item, index) => (
           <div>
@@ -56,8 +56,8 @@ const ProductStatusCard = ({ items, productPrice, discountPrice }) => {
         </div>
         <div className="w-full flex flex-col items-center">
           <Button
-            className={`w-6/12 mt-5 mb-2 rounded bg-blue-400 text-white px-2 py-2 text-sm hover:bg-blue-600 hover:bg-opacity-90 transtition ease-linear duration-300`}
             text={"افزودن به سبد خرید"}
+            className="my-4 text-white rounded-sm text-sm p-2 bg-blue-400 hover:bg-blue-600 hover:bg-opacity-90"
           />
         </div>
       </div>