dashboard card font increased

src/components/Dashboards/AccountDashboard.jsx

@@ -78,25 +78,7 @@ const AccountDashboard = ({ className, bannerList, offersList, imageServer }) =>
         {/* for flat banner section */}
         <div className="w-full grid-cols-1 md:grid-cols-2 2xl:grid-cols-3 grid items-center justify-center gap-2 md:gap-4">    
           {/* OFFER LIST DISPLAY */}
-          {/* <>
+
-            {(offersList && offersList?.length > 0) &&
-              offersList.map((item, index) => {
-                let thePrice = PriceFormatter(
-                  item?.price * 0.01,
-                  item?.currency_code,
-                  item?.currency
-                );
-              
-                let image = `${imageServer}${localStorage.getItem("session_token")}/job/${item.job_uid}`
-                if(index >= 3) {
-                    return(
-                    <div key={item.offer_uid}>
-                        <NewOfferCardFlat datas={item} image={image} price={thePrice} setOfferPopout={setOfferPopout} />
-                    </div>
-                    )
-                }
-            })}
-          </> */}
           {getLowerBanner?.map((props, idx) => {
             let image = getImage(props);
 
@@ -150,15 +132,15 @@ const TopBanner = ({ image, title = "", desc = "", btn, link_path, key }) => {
       </Link>
       <div className="rounded-b-xl bg-white dark:bg-dark-white">
         <div className="border-b border-slate-300 px-2 py-1 h-[5.4rem] flex flex-col gap-2 dark:text-white">
-          <Link to={link_path} className="font-bold text-lg line-clamp-1">
+          <Link to={link_path} className="font-bold text-xl line-clamp-1">
             {title}
           </Link>
-          <Link to={link_path} className="text-sm">
+          <Link to={link_path} className="text-base line-clamp-1">
             {desc}
           </Link>
         </div>
         <div className="flex justify-between w-full p-1 items-center">
-          <Link to={link_path} className="text-slate-300 font-semibold text-sm">
+          <Link to={link_path} className="text-slate-300 font-semibold text-base">
             {btn}
           </Link>
           <button className="flex items-center justify-center gap-2">
@@ -201,7 +183,7 @@ const NewOfferCard = ({ datas, hidden = false, price, setOfferPopout, image }) =
       </div>
       <div className="rounded-b-xl bg-transparent dark:bg-dark-transparent">
         <div className="border-b border-slate-300 px-2 py-1 h-[5.4rem] flex flex-col gap-2 dark:text-white">
-          <h1 className="font-bold text-lg line-clamp-1 text-center">
+          <h1 className="font-bold text-xl line-clamp-1 text-center">
             {datas?.title}
           </h1>
           <div className="card-buttons flex justify-center items-center space-x-2">
@@ -210,7 +192,7 @@ const NewOfferCard = ({ datas, hidden = false, price, setOfferPopout, image }) =
               onClick={() =>
                 setOfferPopout({ show: true, data: { ...datas, image } })
               }
-              className="btn-shine w-2/3 h-[40px] text-white rounded-full text-sm bg-pink flex justify-center items-center"
+              className="btn-shine w-2/3 h-[40px] text-white rounded-full text-base bg-pink flex justify-center items-center"
             >
               Start Now
             </button>
@@ -240,7 +222,7 @@ const NewOfferCardFlat = ({ datas, hidden = false, price, setOfferPopout, image
       <div className="w-full xxs:flex justify-between items-center border-b border-slate-300 p-2">
         <div className="min-h-[130px] sm:min-h-[100px] flex justify-between items-center">
           <div className="px-2 flex flex-col gap-2 dark:text-white">
-            <h1 className="font-bold text-lg line-clamp-1 text-center">
+            <h1 className="font-bold text-xl line-clamp-1 text-center">
               {datas?.title}
             </h1>
             <div className="card-buttons flex items-center space-x-2">
@@ -249,7 +231,7 @@ const NewOfferCardFlat = ({ datas, hidden = false, price, setOfferPopout, image
                 onClick={() =>
                   setOfferPopout({ show: true, data: { ...datas, image } })
                 }
-                className="btn-shine w-28 h-[40px] text-white rounded-full text-sm bg-pink flex justify-center items-center"
+                className="btn-shine w-28 h-[40px] text-white rounded-full text-base bg-pink flex justify-center items-center"
               >
                 Start Now
               </button>
@@ -301,10 +283,10 @@ const LowerBanner = ({ image, title = "", desc = "", btn, link_path, card_type,
       <div className="w-full xxs:flex justify-between items-center border-b border-slate-300 p-2">
         <div className="min-h-[130px] sm:min-h-[100px] flex justify-between items-center">
           <div className="px-2 flex flex-col gap-2 dark:text-white">
-            <Link to={newLinkPath} className="text-lg font-bold">
+            <Link to={newLinkPath} className="text-xl font-bold line-clamp-1">
               {title}
             </Link>
-            <p to={newLinkPath} className="text-sm">
+            <p to={newLinkPath} className="text-base line-clamp-1">
               {desc}
             </p>
           </div>
@@ -319,7 +301,7 @@ const LowerBanner = ({ image, title = "", desc = "", btn, link_path, card_type,
         </Link>
       </div>
       <div className="flex justify-between w-full p-1 items-center">
-        <Link to={newLinkPath} className="text-slate-300 font-semibold text-sm">
+        <Link to={newLinkPath} className="text-slate-300 font-semibold text-base">
           {btn}
         </Link>
         <button className="flex items-center justify-center gap-2">
@@ -370,10 +352,10 @@ const BannerSection = ({ banners, variant }) => {
               }`}
             >
               <div className="border-b border-slate-300 px-2 py-1 h-[5.4rem] flex flex-col gap-2">
-                <Link to={link_path} className="font-bold text-lg">
+                <Link to={link_path} className="font-bold text-xl">
                   {short_title}
                 </Link>
-                <Link to={link_path} className="text-sm">
+                <Link to={link_path} className="text-base">
                   {short_description}
                 </Link>
               </div>

src/components/Home/FamilyDash.jsx

@@ -22,22 +22,6 @@ export default function FamilyDash() {
 
   const { userDetails } = useSelector((state) => state?.userDetails);
 
-  // let [reloadBanner, setReloadBanner] = useState(0)
-
-  // useEffect(()=>{
-  //   if(reloadBanner >= 2){
-  //     dispatch(tableReload({ type: "FAMILYBANNERSLIST" })); // RELOAD FAMILY BANNERS LIST EVERY 10 MINS
-  //     setReloadBanner(0)
-  //   }
-  //   const timer = setInterval(()=>{
-  //     setReloadBanner(prev => prev+1)
-  //   },300000)
-
-  //   return ()=>{
-  //     clearInterval(timer)
-  //   }
-  // },[reloadBanner])
-
   return (
     <>
       <div>
@@ -46,13 +30,13 @@ export default function FamilyDash() {
           <div className="text-white mb-4 min-h-[3rem] px-2 w-full flex justify-between items-center rounded-xl bg-family-header-bg">
             <div className="w-full">
               <div className="w-full flex flex-wrap gap-x-4 ">
-                <p className="text-lg font-normal leading-5">Welcome</p>
+                <p className="text-xl font-normal leading-5">Welcome</p>
                 <div className="">
-                  <h1 className="text-lg font-normal leading-5">{`${userDetails?.firstname} ${userDetails?.lastname}`}</h1>
+                  <h1 className="text-xl font-normal leading-5">{`${userDetails?.firstname} ${userDetails?.lastname}`}</h1>
                 </div>
               </div>
             </div>
-            <div className="py-1 w-full text-sm text-right self-end">
+            <div className="py-1 w-full text-base text-right self-end">
               <p className="leading-4">Last Login: {`${userDetails?.last_login.split(' ')[0]}`}</p>
             </div>
           </div>
@@ -76,8 +60,8 @@ export default function FamilyDash() {
                         <img className="w-full h-[10rem] object-cover rounded-t-xl" src={content.banner.image} alt='banner image' />
                         <div className="flex flex-col justify-between">
                           <div className="px-2 py-2 border-b border-transparent min-h-[4rem] flex flex-col gap-1">
-                            <h1 className="text-lg text-[#083e21] dark:text-white font-bold tracking-wide">{content.banner.text}</h1>
+                            <h1 className="text-xl text-[#083e21] dark:text-white font-bold tracking-wide">{content.banner.text}</h1>
-                            <p className="text-sm text-black dark:text-white">{content.banner.description}</p>
+                            <p className="text-base text-black dark:text-white">{content.banner.description}</p>
                           </div>
                         </div>
                       </div>
@@ -104,7 +88,7 @@ export default function FamilyDash() {
                         </div>
                         <div className="flex flex-col justify-between">
                           <div className="px-2 py-1 border-b border-transparent min-h-[2rem] flex justify-between items-center gap-1">
-                            <h1 className="text-lg text-[#083e21] dark:text-white font-bold tracking-wide">{item?.content}</h1>
+                            <h1 className="text-xl text-[#083e21] dark:text-white font-bold tracking-wide">{item?.content}</h1>
                             <div className="flex justify-center gap-1">
                               <div className="w-1 h-1 bg-slate-400 rounded-full"></div>
                               <div className="w-1 h-1 bg-slate-400 rounded-full"></div>
@@ -121,22 +105,6 @@ export default function FamilyDash() {
             }
           </>
           }
-
-          {/* {familyOffers?.result_list && familyOffers?.result_list.length > 0 && (
-            <MyOffersFamilyTable
-              familyOffers={familyOffers?.result_list}
-              image_server={familyOffers?.session_image_server}
-              className="mb-10"
-            />
-          )} */}
-
-          {/* {trending && trending.length > 0 && (
-            <FamilyActiveLSlde
-              trending={trending}
-              className="mb-10"
-              image_server={serverImg}
-            />
-          )} */}
         </div>
       </div>