update App.js, src/components/Button/index.js, src/components/Features/index.js and src/components/ProductStatusCard/index.js

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 /> */}
 

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 && (

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>