update 7 files

src/App.js

@@ -141,10 +141,10 @@ function App() {
         {/* <GridListTable /> */}
         {/* <PopupCard /> */}
         {/* <TimeLineComponent /> */}
-        <CardTrelloDesign />
+        {/* <CardTrelloDesign /> */}
         {/* <ReligiousTimes /> */}
         {/* <DistributedData /> */}
-        {/* <CardDesign1 /> */}
+        <CardDesign1 />
         <CardDesign2 />
         <CardDesign3 />
         {/* <LeafletMap /> */}

src/components/CardDesign2/index.js

@@ -24,8 +24,8 @@ const CardDesign2 = ({ buttons }) => {
       <TitleSubtitle
         subTitle={false}
         title={"افراد حاضر در این سالن"}
-        titleClassName={"font-bold text-[#0F0543]"}
-        titleBorderClassName={"w-1 h-5 bg-[#1FF87D]"}
+        titleClassName={"font-bold  text-[#0F0543]"}
+        titleBorderClassName={"w-1 h-5 bg-[#1FF87D] ml-1"}
       />
       <IconText />
       <DragDropContext onDragEnd={handleOnDragEnd}>

src/components/CardDesign3/index.js

@@ -10,7 +10,7 @@ const CardDesign3 = () => {
         subTitle={false}
         title={"افراد حاضر در این سالن"}
         titleClassName={"font-bold text-[#0F0543]"}
-        titleBorderClassName={"w-1.5 h-6 bg-[#1F8CF9]"}
+        titleBorderClassName={"w-1.5 h-7 bg-[#1F8CF9] ml-2"}
       />
       <CustomToast2 num={4} />
     </div>

src/components/FileManager/index.js

@@ -29,7 +29,8 @@ const FileManager = () => {
           {/* ? pageTitle & searchbox */}
           <div className="flex flex-row justify-between">
             {/* ? pageTitle */}
-            <TitleSubtitle />
+            <TitleSubtitle titleBorderClassName={"ml-2"} />
+
             {/* ? searchbox */}
             <div className="self-end">
               <SearchBox
@@ -50,7 +51,7 @@ const FileManager = () => {
             <div className="flex flex-row item-center justify-between">
               {/* ? pageTitle */}
               <div className="flex-1">
-                <TitleSubtitle />
+                <TitleSubtitle titleBorderClassName={"ml-2"} />
               </div>
               {/* buttons */}
               <div className="flex flex-row item-center justify-between self-center gap-2">
@@ -99,10 +100,11 @@ const FileManager = () => {
       </div>
       {/* left Section */}
       <div className="w-3/12 py-5 flex flex-col">
-        <TitleSubtitle subTitle={false} />
+        <TitleSubtitle subTitle={false} titleBorderClassName={"ml-2"} />
+
         <SemiDonut />
         <div className="px-4" style={{ marginTop: "-113px" }}>
-          <TitleSubtitle subTitle={false} />
+          <TitleSubtitle subTitle={false} titleBorderClassName={"ml-2"} />
           <div className="flex flex-col items-center justify-center">
             {/* {[0, 1, 2].map((item, index) => (
               <CardHolder />

src/components/ReactTable4/index.js

@@ -57,7 +57,7 @@ const ReactTable4 = ({ breadCrumbs, subTitle, title }) => {
         ))}
       </div>
       <div className="my-7">
-        <TitleSubtitle />
+        <TitleSubtitle titleBorderClassName={"ml-2"} />
       </div>
       <BasicTable
         addTab={addTab}

src/components/TimeLineComponent/index.js

@@ -12,7 +12,7 @@ const TimeLineComponent = ({ data }) => {
     <div className="px-10 py-4 mx-auto bg-white">
       <div className="flex flex-row items-start justify-between">
         <div>
-          <TitleSubtitle />
+          <TitleSubtitle subTitle={false} titleBorderClassName={"ml-2"} />
           <SelectYear />
         </div>
         <div className="flex-1">

src/components/TitleSubtitle/index.js

@@ -11,7 +11,7 @@ const TitleSubtitle = ({
       {/*  page Title */}
       {title && (
         <div className="flex flex-row items-center">
-          <div className={`rounded-sm ml-1 ${titleBorderClassName}`}></div>
+          <div className={`rounded-sm ${titleBorderClassName}`}></div>
           <h2 className={`${titleClassName}`}>{title}</h2>
         </div>
       )}
@@ -32,5 +32,5 @@ TitleSubtitle.defaultProps = {
   title: "میزان فروش محصولات",
   subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر",
   titleClassName: "text-base font-normal text-[#233876]",
-  titleBorderClassName: "w-1 h-5 bg-blue-600",
+  titleBorderClassName: "w-1 h-5 bg-blue-600 ml-1",
 };