mirror of
https://github.com/hex248/sprint.git
synced 2026-02-07 18:23:03 +00:00
much more compact table
This commit is contained in:
@@ -39,7 +39,7 @@ function TableRow({
|
||||
<tr
|
||||
data-slot="table-row"
|
||||
className={cn(
|
||||
"data-[state=selected]:bg-muted border-b",
|
||||
"data-[state=selected]:bg-muted h-[24px] border-b",
|
||||
hoverEffect && "hover:bg-muted/40",
|
||||
className,
|
||||
)}
|
||||
@@ -53,7 +53,8 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
|
||||
<th
|
||||
data-slot="table-head"
|
||||
className={cn(
|
||||
"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
||||
"text-foreground px-2 h-[24px] text-left text-sm align-middle font-medium",
|
||||
"whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
@@ -66,7 +67,7 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
|
||||
<td
|
||||
data-slot="table-cell"
|
||||
className={cn(
|
||||
"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
||||
"px-2 py-1 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
|
||||
Reference in New Issue
Block a user