From 730c663173e46301b6bd118a02b799ede26e48fd Mon Sep 17 00:00:00 2001
From: Cedric Karungu <ckarungu921@gmail.com>
Date: Sat, 20 Jul 2024 18:18:39 +0200
Subject: [PATCH] fix: colors on Others Plan Tabs

---
 apps/web/lib/features/task/daily-plan/future-tasks.tsx    | 5 +++--
 apps/web/lib/features/task/daily-plan/outstanding-all.tsx | 3 ++-
 apps/web/lib/features/task/daily-plan/past-tasks.tsx      | 5 +++--
 apps/web/lib/features/user-profile-plans.tsx              | 2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/apps/web/lib/features/task/daily-plan/future-tasks.tsx b/apps/web/lib/features/task/daily-plan/future-tasks.tsx
index ec453f87f..7b94fa804 100644
--- a/apps/web/lib/features/task/daily-plan/future-tasks.tsx
+++ b/apps/web/lib/features/task/daily-plan/future-tasks.tsx
@@ -55,7 +55,7 @@ export function FutureTasks({ profile }: { profile: any }) {
 										<HorizontalSeparator />
 									</div>
 								</AccordionTrigger>
-								<AccordionContent className="bg-light--theme border-none dark:bg-dark--theme">
+								<AccordionContent className="border-none dark:bg-dark--theme">
 									<PlanHeader plan={plan} planMode="Future Tasks" />
 									<Droppable droppableId={plan.id as string} key={plan.id} type="task">
 										{(provided) => (
@@ -79,7 +79,7 @@ export function FutureTasks({ profile }: { profile: any }) {
 																	{...provided.dragHandleProps}
 																	style={{
 																		...provided.draggableProps.style,
-																		marginBottom: 8
+																		marginBottom: 4
 																	}}
 																>
 																	<TaskCard
@@ -94,6 +94,7 @@ export function FutureTasks({ profile }: { profile: any }) {
 																		taskTitleClassName="mt-[0.0625rem]"
 																		plan={plan}
 																		planMode="Future Tasks"
+																		className='shadow-[0px_0px_15px_0px_#e2e8f0]'
 																	/>
 																</div>
 															)}
diff --git a/apps/web/lib/features/task/daily-plan/outstanding-all.tsx b/apps/web/lib/features/task/daily-plan/outstanding-all.tsx
index 80e56fd96..d6722ad5f 100644
--- a/apps/web/lib/features/task/daily-plan/outstanding-all.tsx
+++ b/apps/web/lib/features/task/daily-plan/outstanding-all.tsx
@@ -63,7 +63,7 @@ export function OutstandingAll({ profile }: OutstandingAll) {
 														{...provided.dragHandleProps}
 														style={{
 															...provided.draggableProps.style,
-															marginBottom: 8
+															marginBottom: 4
 														}}
 													>
 														<TaskCard
@@ -77,6 +77,7 @@ export function OutstandingAll({ profile }: OutstandingAll) {
 															taskBadgeClassName={`rounded-sm`}
 															taskTitleClassName="mt-[0.0625rem]"
 															planMode="Outstanding"
+															className='shadow-[0px_0px_15px_0px_#e2e8f0]'
 														/>
 													</div>
 												)}
diff --git a/apps/web/lib/features/task/daily-plan/past-tasks.tsx b/apps/web/lib/features/task/daily-plan/past-tasks.tsx
index 6fc9a3983..988266346 100644
--- a/apps/web/lib/features/task/daily-plan/past-tasks.tsx
+++ b/apps/web/lib/features/task/daily-plan/past-tasks.tsx
@@ -47,7 +47,7 @@ export function PastTasks({ profile, currentTab = 'Past Tasks' }: { profile: any
 										<HorizontalSeparator />
 									</div>
 								</AccordionTrigger>
-								<AccordionContent className="bg-light--theme border-none dark:bg-dark--theme pb-12">
+								<AccordionContent className="border-none dark:bg-dark--theme pb-6">
 									{/* Plan header */}
 									<PlanHeader plan={plan} planMode="Outstanding" />
 									<Droppable
@@ -78,7 +78,7 @@ export function PastTasks({ profile, currentTab = 'Past Tasks' }: { profile: any
 																	{...provided.dragHandleProps}
 																	style={{
 																		...provided.draggableProps.style,
-																		marginBottom: 8
+																		marginBottom: 4
 																	}}
 																>
 																	<TaskCard
@@ -96,6 +96,7 @@ export function PastTasks({ profile, currentTab = 'Past Tasks' }: { profile: any
 																				? 'Past Tasks'
 																				: undefined
 																		}
+																		className='shadow-[0px_0px_15px_0px_#e2e8f0]'
 																	/>
 																</div>
 															)}
diff --git a/apps/web/lib/features/user-profile-plans.tsx b/apps/web/lib/features/user-profile-plans.tsx
index fc24328ad..8ae82da4b 100644
--- a/apps/web/lib/features/user-profile-plans.tsx
+++ b/apps/web/lib/features/user-profile-plans.tsx
@@ -263,7 +263,7 @@ function AllPlans({ profile, currentTab = 'All Tasks' }: { profile: any; current
 																				: undefined
 																		}
 																		plan={plan}
-																		className='shadow-md'
+																		className='shadow-[0px_0px_15px_0px_#e2e8f0]'
 																	/>
 																</div>
 															)}