From 995e35b6b3ffb7e515f37629760c3ad5fff4b7c8 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Tue, 12 Apr 2022 09:22:55 +0430
Subject: [PATCH] update 5 files

---
 src/App.js                               |  2 +-
 src/components/ButtonNewDesign/index.js  |  9 ++++++---
 src/components/CardTrelloDesign/index.js | 11 +++++++----
 src/components/FileManager/index.js      |  6 ++++--
 src/components/PopupCard/index.js        | 13 +++++++++----
 5 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/App.js b/src/App.js
index 7789eec..414f1c7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -88,7 +88,7 @@ function App() {
         {/* <VodProductNew /> */}
         {/* <BookDesign /> */}
         {/* <ButtonDesign /> */}
-        <ProductTags />
+        {/* <ProductTags /> */}
         {/* <CounterDesign /> */}
         {/* <BlogDesign1 /> */}
         {/* <BlogDesign2 /> */}
diff --git a/src/components/ButtonNewDesign/index.js b/src/components/ButtonNewDesign/index.js
index 019a764..f52b05a 100644
--- a/src/components/ButtonNewDesign/index.js
+++ b/src/components/ButtonNewDesign/index.js
@@ -11,7 +11,8 @@ const ButtonNewDesign = ({
   borderColor,
   borderRadius,
   fontSize,
-  padding,
+  paddingX,
+  paddingY,
   icon,
   buttonIcon,
   text,
@@ -21,7 +22,8 @@ const ButtonNewDesign = ({
   return (
     <button
       onClick={onClick}
-      className={`w-fit h-fit flex items-center transiton duration-200 hover:bg-opacity-70 ${bgColor} ${bgHoverColor} ${textColor} ${border} ${borderColor} ${borderRadius} ${fontSize} ${padding}`}
+      className={`w-fit h-fit flex items-center transiton duration-200 hover:bg-opacity-70 ${bgColor} ${bgHoverColor} ${textColor} ${border} ${borderColor} ${borderRadius} ${fontSize} 
+      ${paddingY} ${paddingX}`}
     >
       {text}
       {icon && (
@@ -44,7 +46,8 @@ ButtonNewDesign.defaultProps = {
   borderColor: "border-lightBlueBorderColor",
   borderRadius: "rounded",
   fontSize: "text-sm",
-  padding: "p-4",
+  paddingX: "p-4",
+  paddingY: "p-4",
   // icons
   icon: true,
   buttonIcon: arrow,
diff --git a/src/components/CardTrelloDesign/index.js b/src/components/CardTrelloDesign/index.js
index 465acc8..0a4aba2 100644
--- a/src/components/CardTrelloDesign/index.js
+++ b/src/components/CardTrelloDesign/index.js
@@ -32,7 +32,8 @@ const CardTrelloDesign = ({ circle, pictures }) => {
             bgColor={"bg-[#ff0a3c]"}
             bgHoverColor={"bg-transparent"}
             border={"border-none"}
-            padding={"p-1.5"}
+            paddingX={"p-3"}
+            paddingY={"p-3"}
             fontSize={"text-xs"}
             borderRadius={"rounded-md"}
             icon={false}
@@ -42,9 +43,10 @@ const CardTrelloDesign = ({ circle, pictures }) => {
             bgColor={"bg-[#0AABFF]"}
             bgHoverColor={"bg-transparent"}
             border={"border-none"}
-            padding={"p-1.5"}
+            paddingX={"p-3"}
+            paddingY={"p-3"}
             fontSize={"text-xs"}
-            borderRadius={"rounded-md"}
+            borderRadius={"rounded-sm"}
             icon={false}
             text={"فرانت اند"}
           />
@@ -52,7 +54,8 @@ const CardTrelloDesign = ({ circle, pictures }) => {
             bgColor={"bg-[#C7FF0A]"}
             bgHoverColor={"bg-transparent"}
             border={"border-none"}
-            padding={"p-1.5"}
+            paddingX={"p-3"}
+            paddingY={"p-3"}
             fontSize={"text-xs"}
             borderRadius={"rounded-md"}
             icon={false}
diff --git a/src/components/FileManager/index.js b/src/components/FileManager/index.js
index 166f328..de0533e 100644
--- a/src/components/FileManager/index.js
+++ b/src/components/FileManager/index.js
@@ -63,7 +63,8 @@ const FileManager = () => {
                   borderColor={"border-blue-500"}
                   borderRadius={"rounded"}
                   fontSize={"text-xs"}
-                  padding={"p-3"}
+                  paddingX={"p-3"}
+                  paddingY={"p-3"}
                   icon={true}
                   buttonIcon={arrowLeft}
                 />
@@ -76,7 +77,8 @@ const FileManager = () => {
                   borderColor={"border-blue-500"}
                   borderRadius={"rounded"}
                   fontSize={"text-xs"}
-                  padding={"p-3"}
+                  paddingX={"p-3"}
+                  paddingY={"p-3"}
                   icon={true}
                   buttonIcon={arrowLeft}
                 />
diff --git a/src/components/PopupCard/index.js b/src/components/PopupCard/index.js
index f8aa639..55eb26b 100644
--- a/src/components/PopupCard/index.js
+++ b/src/components/PopupCard/index.js
@@ -135,7 +135,8 @@ const PopupCard = ({ selectedChecklist }) => {
                       border={"border-none"}
                       borderRadius={"rounded"}
                       fontSize={"text-xs"}
-                      padding={"p-3"}
+                      paddingX={"p-3"}
+                      paddingY={"p-3"}
                       icon={false}
                       text={"دعوت فرد جدید"}
                     />
@@ -153,7 +154,8 @@ const PopupCard = ({ selectedChecklist }) => {
                       border={"border-none"}
                       borderRadius={"rounded"}
                       fontSize={"text-xs"}
-                      padding={"p-3"}
+                      paddingX={"p-3"}
+                      paddingY={"p-3"}
                       icon={false}
                       text={"برنامه نویس اندروید"}
                     />
@@ -164,7 +166,8 @@ const PopupCard = ({ selectedChecklist }) => {
                       border={"border-none"}
                       borderRadius={"rounded"}
                       fontSize={"text-xs"}
-                      padding={"p-3"}
+                      paddingX={"p-3"}
+                      paddingY={"p-3"}
                       icon={false}
                       text={"رابط کاربری"}
                     />
@@ -175,7 +178,8 @@ const PopupCard = ({ selectedChecklist }) => {
                       border={"border-none"}
                       borderRadius={"rounded"}
                       fontSize={"text-xs"}
-                      padding={"p-3"}
+                      paddingX={"p-3"}
+                      paddingY={"p-3"}
                       icon={false}
                       text={"فرایند قانونگذاری"}
                     />
@@ -184,6 +188,7 @@ const PopupCard = ({ selectedChecklist }) => {
                         src={plus}
                         className="w-full"
                         style={{ marginTop: "-2px" }}
+                        alt=""
                       />
                     </div>
                   </div>