[Fix]: Buttons Displaying Two Borders on Kanban Page (#3573)

* Corrected double buttons on dashboard * correct buttons border
ever-co · Feb 3, 2025 · e60c210 · e60c210
1 parent 99b69a8
commit e60c210
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/apps/web/app/[locale]/kanban/page.tsx b/apps/web/app/[locale]/kanban/page.tsx
@@ -177,10 +177,10 @@ const Kanban = () => {
 									))}
 								</div>
 								<div className="flex gap-5 mt-4 lg:mt-0">
-									<div className="input-border rounded-xl h-11 bg-[#F2F2F2] dark:bg-dark--theme-light">
+									<div className="">
 										<EpicPropertiesDropdown
 											onValueChange={(_, values) => setEpics(values || [])}
-											className="lg:min-w-[140px] pt-[3px] mt-4 mb-2 lg:mt-0"
+											className="lg:min-w-[140px] pt-[3px] mb-2 lg:mt-0 input-border rounded-xl bg-[#F2F2F2] dark:bg-dark--theme-light max-h-11"
 											multiple={true}
 										/>
 									</div>
@@ -226,24 +226,24 @@ const Kanban = () => {
 											/>
 										</div>
 									</div>
-									<div className="input-border rounded-xl h-11 bg-[#F2F2F2] dark:bg-dark--theme-light">
+									<div>
 										<TaskLabelsDropdown
 											onValueChange={(_, values) => setLabels(values || [])}
-											className="lg:min-w-[140px] pt-[3px] mt-4 mb-2 lg:mt-0"
+											className="lg:min-w-[140px] pt-[3px] mb-2 lg:mt-0 input-border rounded-xl h-11 bg-[#F2F2F2] dark:bg-dark--theme-light"
 											multiple={true}
 										/>
 									</div>
-									<div className="input-border rounded-xl h-11 bg-[#F2F2F2] dark:bg-dark--theme-light">
+									<div>
 										<TaskPropertiesDropdown
 											onValueChange={(_, values) => setPriority(values || [])}
-											className="lg:min-w-[140px] pt-[3px] mt-4 mb-2 lg:mt-0"
+											className="lg:min-w-[140px] pt-[3px] mb-2 lg:mt-0 input-border rounded-xl h-11 bg-[#F2F2F2] dark:bg-dark--theme-light"
 											multiple={true}
 										/>
 									</div>
-									<div className="input-border rounded-xl h-11 bg-[#F2F2F2] dark:bg-dark--theme-light">
+									<div>
 										<TaskSizesDropdown
 											onValueChange={(_, values) => setSizes(values || [])}
-											className="lg:min-w-[140px] pt-[3px] mt-4 mb-2 lg:mt-0"
+											className="lg:min-w-[140px] pt-[3px] mb-2 lg:mt-0 input-border rounded-xl h-11 bg-[#F2F2F2] dark:bg-dark--theme-light"
 											multiple={true}
 										/>
 									</div>

diff --git a/apps/web/lib/features/task/task-status.tsx b/apps/web/lib/features/task/task-status.tsx
@@ -1236,7 +1236,7 @@ export function MultipleStatusDropdown<T extends TStatusItem>({
 							className={clsxm(
 								'justify-between w-full capitalize',
 								sidebarUI && ['text-xs'],
-								' dark:text-white bg-white border dark:bg-dark--theme-light',
+								' dark:text-white dark:bg-dark--theme-light',
 								forDetails && 'bg-transparent border dark:border-[#FFFFFF33] dark:bg-[#1B1D22]',
 								taskStatusClassName
 							)}