kanban page header scrolling dropdown (#2222)

ever-co · Feb 19, 2024 · b828777 · b828777
1 parent 27d538e
commit b828777
Showing 1 changed file with 7 additions and 3 deletions.
diff --git 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 */}