update 5 files

src/App.js

@@ -88,7 +88,7 @@ function App() {
         {/* <VodProductNew /> */}
         {/* <BookDesign /> */}
         {/* <ButtonDesign /> */}
-        <ProductTags />
+        {/* <ProductTags /> */}
         {/* <CounterDesign /> */}
         {/* <BlogDesign1 /> */}
         {/* <BlogDesign2 /> */}

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,

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}

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

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>