Compare commits

...

2 Commits

Author SHA1 Message Date
26a6771448 Merge pull request 'feat: enhance table styling with background color and text color adjustments' (#74) from feat/enhance-tabel-styling into dev
Reviewed-on: #74
2026-08-30 22:02:58 +08:00
Yoga Pangestu
9cc8395848 feat: enhance table styling with background color and text color adjustments
Some checks failed
tests / ci (pull_request) Has been cancelled
2026-08-30 21:02:36 +07:00
2 changed files with 488 additions and 488 deletions

File diff suppressed because it is too large Load Diff

View File

@ -21,7 +21,7 @@ function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
return ( return (
<thead <thead
data-slot="table-header" data-slot="table-header"
className={cn("[&_tr]:border-b", className)} className={cn("bg-primary [&_tr]:border-b", className)}
{...props} {...props}
/> />
) )
@ -68,7 +68,7 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
<th <th
data-slot="table-head" data-slot="table-head"
className={cn( className={cn(
"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-primary-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
className className
)} )}
{...props} {...props}