fix: issue card view style

ever-co · Dec 4, 2023 · a43ff4a · a43ff4a
1 parent 676a751
commit a43ff4a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/apps/web/lib/features/team/user-team-block/index.tsx b/apps/web/lib/features/team/user-team-block/index.tsx
@@ -88,7 +88,7 @@ export function UserTeamBlock({ className, active, member, publicTeam = false }:
 				shadow="bigger"
 				className={clsxm(
 					'relative items-center py-3  dark:bg-[#1E2025] min-h-[7rem]',
-					['border border-t-4 ', cardColorType[timerStatusValue]],
+					['dark:border border-t-[6px] ', cardColorType[timerStatusValue]],
 					className
 				)}
 			>

diff --git a/apps/web/lib/features/team/user-team-block/user-team-block-header.tsx b/apps/web/lib/features/team/user-team-block/user-team-block-header.tsx
@@ -63,7 +63,7 @@ export function UserTeamBlockHeader() {
 					>
 						<StopCircleIcon
 							className={clsxm(
-								'w-8 h-8 p-1  !text-dark/80 !fill-dark/80',
+								'w-8 h-8 p-1  !text-dark/80 !fill-dark/80 dark:!text-gray-200',
 								activeFilter == 'all' && '!text-primary !fill-primary'
 							)}
 						/>
@@ -85,7 +85,10 @@ export function UserTeamBlockHeader() {
 						onClick={() => setActiveFilter('idle')}
 					>
 						<NotWorkingIcon
-							className={clsxm('w-8 h-8 p-1  !text-dark/80', activeFilter == 'idle' && '!text-primary ')}
+							className={clsxm(
+								'w-8 h-8 p-1  !text-dark/80 dark:!text-gray-200',
+								activeFilter == 'idle' && '!text-primary '
+							)}
 						/>
 						<p>Not working </p>
 						<div
@@ -106,7 +109,7 @@ export function UserTeamBlockHeader() {
 					>
 						<TimerPlayIcon
 							className={clsxm(
-								'w-8 h-8 p-1  !text-dark/80 !fill-dark/80',
+								'w-8 h-8 p-1  !text-dark/80 !fill-dark/80 !dark:text-gray-200',
 								activeFilter == 'running' && '!text-primary !fill-primary'
 							)}
 						/>
@@ -129,7 +132,7 @@ export function UserTeamBlockHeader() {
 					>
 						<PauseIcon
 							className={clsxm(
-								'w-8 h-8 p-1  !text-dark/80 !fill-dark/80',
+								'w-8 h-8 p-1  !text-dark/80 !fill-dark/80 !dark:text-gray-200',
 								activeFilter == 'pause' && '!text-primary !fill-primary'
 							)}
 						/>
@@ -152,7 +155,7 @@ export function UserTeamBlockHeader() {
 					>
 						<OnlineIcon
 							className={clsxm(
-								'w-8 h-8 p-1  !text-dark/80 ',
+								'w-8 h-8 p-1  !text-dark/80 dark:!text-gray-200',
 								activeFilter == 'online' && '!text-primary'
 							)}
 						/>