fix: bg-color dark, table size oops checkbox

ttab · Dec 4, 2023 · 0dc7dd0 · 0dc7dd0
1 parent 30715d0
commit 0dc7dd0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
@@ -70,7 +70,7 @@ React.ThHTMLAttributes<HTMLTableCellElement>
   <th
     ref={ref}
     className={cn(
-      'h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0',
+      'h-8 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0',
       className
     )}
     {...props}
@@ -84,7 +84,7 @@ React.TdHTMLAttributes<HTMLTableCellElement>
 >(({ className, ...props }, ref) => (
   <td
     ref={ref}
-    className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)}
+    className={cn('p-2 align-middle [&:has([role=checkbox])]:pr-0', className)}
     {...props}
   />
 ))

diff --git a/src/index.ts b/src/index.ts
@@ -2,6 +2,7 @@ export { Button, type ButtonProps } from '@/components/ui/button'
 export { default as buttonVariants } from '@/components/ui/buttonVariants'
 export { Input, type InputProps } from '@/components/ui/input'
 export { Alert, AlertTitle, AlertDescription } from '@/components/ui/alert'
+export { Checkbox } from '@/components/ui/checkbox'
 export { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover'
 export {
   Sheet,

diff --git a/src/styles/layout-base.css b/src/styles/layout-base.css
@@ -34,13 +34,13 @@
   }
 
   .dark {
-    --background: 240 10% 3.9%;
+    --background: 240 15% 12%;
     --foreground: 0 0% 98%;
 
     --card: 240 10% 3.9%;
     --card-foreground: 0 0% 98%;
 
-    --popover: 240 10% 3.9%;
+    --popover: 240 15% 12%;
     --popover-foreground: 0 0% 98%;
 
     --primary: 0 0% 98%;