update src/components/Button/index.js, src/components/Card/index.js and src/components/Modal/index.js

src/components/Button/index.js

@@ -39,7 +39,7 @@ Button.defaultProps = {
   text: "اطلاعات بیشتر",
 
   subTitle: false,
-  subTitleClass: "text-sm",
+  subTitleClass: "text-xs",
 
   iconHolderClassName: "bg-secondary mr-2",
   iconClassName: "w-4",

src/components/Card/index.js

@@ -18,7 +18,7 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => {
             >
               {process.color && (
                 <CircleInCircle
-                  parentClassName={`${process.color} w-2.5 h-2.5`}
+                  parentClassName={`${process.color} w-[10px] h-[10px]`}
                   childClassName={false}
                 />
               )}
@@ -30,19 +30,19 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => {
         {/* middle */}
         <div className="flex flex-col flex-1 justify-center items-center p-4">
           <div className="w-[96%] flex flex-col justify-center gap-y-4">
-            <h2 className="text-xl font-bold text-[#046AE8]">{title}</h2>
-            <p className="text-sm text-justify leading-6 text-[#00253A]">
+            <h2 className="text-lg font-bold text-[#046AE8]">{title}</h2>
+            <p className="text-xs text-justify leading-6 text-[#00253A]">
               {hint}
             </p>
           </div>
         </div>
         {/* bottom */}
-        <div className="flex flex-row item-center justify-around p-3 bg-[#F8F8F8] rounded ">
+        <div className="flex items-center justify-around p-2 bg-[#F8F8F8] rounded">
           <Modal />
           {buttons.map((btn, index) => (
             <Button
               key={index}
-              className={`${btn.className} rounded-md px-2 py-2 text-sm`}
+              className={`${btn.className} rounded p-2 text-xs`}
               iconHolderClassName={"bg-transparent mr-1"}
               iconClassName={"w-5"}
               icon={btn.icon}

src/components/Modal/index.js

@@ -8,14 +8,13 @@ const Modal = ({ activeTab, children }) => {
   return (
     <div>
       <Button
-        className={`bg-[#046AE8] text-white rounded-md px-2 py-2 text-sm`}
+        className={`bg-[#046AE8] text-white rounded p-2 text-xs`}
         iconHolderClassName={"bg-transparent mr-1"}
         iconClassName={"w-5"}
         icon={"images/blue-edit-icon.svg"}
         text={"ویرایش"}
         onClick={() => setOpenModal(true)}
       />
-      ‍‍{" "}
       <div
         className={`w-screen h-screen flex items-center justify-center bg-gray-600 bg-opacity-60 backdrop-filter backdrop-blur-sm fixed left-0 top-0 duration-300 transition-all ${
           openModal ? "flex" : "hidden pointer-events-none"