update src/components/CardDesign3/index.js, src/components/CardTrelloDesign/index.js and src/components/TitleSubtitle/index.js

src/components/CardDesign3/index.js

@@ -9,14 +9,8 @@ const CardDesign3 = () => {
       <TitleSubtitle
         subTitle={false}
         title={"افراد حاضر در این سالن"}
-        titleColor={"text-[#0F0543]"}
-        titleFontWeight={"font-bold"}
-        titleDividerBgColor={"bg-[#1FF87D]"}
-        titleDividerWidth={"w-1.5"}
-      />
-      <Button
-        className={`${btn.className}  border-none px-1 py-0.5 text-xs rounded-sm text-white`}
-        text={btn.name}
+        titleClassName={"font-bold text-[#0F0543]"}
+        titleBorderClassName={"w-1.5 h-6 bg-[#1F8CF9]"}
       />
       <CustomToast2 num={4} />
     </div>

src/components/CardTrelloDesign/index.js

@@ -98,8 +98,8 @@ const CardTrelloDesign = ({
               <NewTagDesign
                 title={tag.title}
                 align={"flex-row-reverse"}
-                titleColor={`text-[${tag.color}]`}
-                tagBgColor={`bg-[${tag.backgroundColor}]`}
+                titleColor={`${tag.color}`}
+                tagBgColor={`${tag.backgroundColor}`}
                 border={"border-none"}
                 borderRadius={"rounded-sm"}
                 iconWidth={"w-4"}

src/components/TitleSubtitle/index.js

@@ -11,8 +11,8 @@ const TitleSubtitle = ({
       {/*  page Title */}
       {title && (
         <div className="flex flex-row items-center">
-          <div className={`rounded ml-1 ${titleClassName}`}></div>
-          <h2 className={`${titleBorderClassName}`}>{title}</h2>
+          <div className={`rounded-sm ml-1 ${titleBorderClassName}`}></div>
+          <h2 className={`${titleClassName}`}>{title}</h2>
         </div>
       )}
       {/* page subTitle */}