From 62b97d903c9fda619d3754331271f33500969869 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Thu, 6 Jul 2023 07:06:53 +0100
Subject: [PATCH] family dashboard active and waiting list revamp

---
 src/components/Home/FamilyActiveLSlde.jsx           | 2 +-
 src/components/MyPendingJobs/ParentWaitingTable.jsx | 6 +++---
 src/index.css                                       | 5 +++++
 tailwind.config.js                                  | 3 ++-
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/Home/FamilyActiveLSlde.jsx b/src/components/Home/FamilyActiveLSlde.jsx
index 6d7ff35..2f81d9d 100644
--- a/src/components/Home/FamilyActiveLSlde.jsx
+++ b/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) => (
diff --git a/src/components/MyPendingJobs/ParentWaitingTable.jsx b/src/components/MyPendingJobs/ParentWaitingTable.jsx
index fd918fa..6d4b7bc 100644
--- a/src/components/MyPendingJobs/ParentWaitingTable.jsx
+++ b/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>
diff --git a/src/index.css b/src/index.css
index 5435bea..844d7f9 100644
--- a/src/index.css
+++ b/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;
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 7937794..7283f72 100644
--- a/tailwind.config.js
+++ b/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'
       },
     },
   },