family dashboard active and waiting list revamp

src/components/Home/FamilyActiveLSlde.jsx

@@ -94,7 +94,7 @@ export default function FamilyActiveLSlde({ className, trending }) {
             </div>
             {/* trending products */}
             <div className="trending-products relative w-full">
-                <SliderCom selector={trendingSlider} settings={settings}>
+                <SliderCom selector={trendingSlider} settings={settings} className='rounded-2xl p-[10px] bg-alice-blue'>
                     {trending &&
                         trending.length > 0 &&
                         trending.map((item) => (

src/components/MyPendingJobs/ParentWaitingTable.jsx

@@ -95,7 +95,7 @@ export default function ParentWaitingTable() {
                                 <div className="w-full flex justify-between items-center">
                                     <div className="account-name flex space-x-4 items-center">
                                         <div className="icon w-14 h-14 flex justify-center items-center">
-                                            <img src={Image} alt="" className="" />
+                                            <img src={Image} alt="" className="w-full h-full" />
                                         </div>
                                         <div className="">
                                             <p className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1">
@@ -107,12 +107,12 @@ export default function ParentWaitingTable() {
                                             </p>
                                         </div>
                                     </div>
-                                    <div className="px-2">
+                                    <div className="px-2 self-end">
                                         <p className="text-sm font-bold text-dark-gray dark:text-white">
                                             {new Date(item.added).toLocaleString().split(',')[0]}
                                             
                                         </p>
-                                        <p className="text-xs px-3 py-1.5 tracking-wide rounded-full bg-gold text-white">{item.status_text}</p>
+                                        <p className="text-xs py-1.5 w-[50px] tracking-wide rounded-full bg-gold text-white flex justify-center items-center">{item.status_text}</p>
                                     </div>
                                 </div>
                             </li>

src/index.css

@@ -927,3 +927,8 @@ TODO: Responsive ===========================
 .ebu-animate-shake {
   animation: shake 0.3s linear 3;
 }
+
+/* TO REMOVE SLIDER COMPONENT FROM CENTRALIZED */
+.trending-products .slick-slider .slick-track{
+  margin: 0;
+}

tailwind.config.js

@@ -17,7 +17,8 @@ module.exports = {
         "white-opacity": "#7B7EFC",
         "dark-white":"#1D1F2F",
         "dark-light-purple":"#5356fb29",
-        'sky-blue': '#3a8fc3'
+        'sky-blue': '#3a8fc3',
+        'alice-blue': '#f0f8ff'
       },
     },
   },