From b8287779863c4c6ae178a609993a32bba8975e0a Mon Sep 17 00:00:00 2001
From: Anish <ansihali1221@gmail.com>
Date: Mon, 19 Feb 2024 11:31:29 +0500
Subject: [PATCH] kanban page header scrolling dropdown (#2222)

---
 apps/web/app/[locale]/kanban/page.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/[locale]/kanban/page.tsx b/apps/web/app/[locale]/kanban/page.tsx
index f22a99aa9..4c8ff86c8 100644
--- a/apps/web/app/[locale]/kanban/page.tsx
+++ b/apps/web/app/[locale]/kanban/page.tsx
@@ -77,6 +77,7 @@ const Kanban = () => {
 					}
 				>
 					<div className="flex flex-row items-start justify-between mt-12">
+
 						<div className="flex justify-center items-center gap-8 h-10">
 							<PeopleIcon className="stroke-dark dark:stroke-[#6b7280] h-6 w-6" />
 							<Breadcrumb paths={breadcrumbPath} className="text-sm" />
@@ -85,8 +86,10 @@ const Kanban = () => {
 							<HeaderTabs kanban={true} linkAll={true} />
 						</div>
 					</div>
-					<div className="flex justify-between items-center mt-10">
-						<h1 className="text-4xl font-semibold ">{t('common.KANBAN')} {t('common.BOARD')}</h1>
+					<div className="flex justify-between items-center px-8 pt-10 bg-white dark:bg-dark--theme">
+						<h1 className="text-4xl font-semibold ">
+							{t('common.KANBAN')} {t('common.BOARD')}
+						</h1>
 						<div className="flex w-fit items-center space-x-2">
 							<strong className="text-gray-400">08:00 ( UTC +04:30 )</strong>
 							<div className="mt-1">
@@ -101,7 +104,7 @@ const Kanban = () => {
 							</button>
 						</div>
 					</div>
-					<div className="relative flex flex-col lg:flex-row justify-between items-center mt-10">
+					<div className="relative flex flex-col lg:flex-row justify-between items-center px-8 pt-10 bg-white dark:bg-dark--theme">
 						<div className="flex flex-row">
 							{tabs.map((tab) => (
 								<div
@@ -172,6 +175,7 @@ const Kanban = () => {
 							</div>
 						</div>
 					</div>
+					<div className="h-64"></div>
 				</div>
 				<div>
 					{/** TODO:fetch teamtask based on days */}