this repo has no description
make it look nicer
+7
-5
+3
-1
mast-react-vite/src/App.tsx
+3
-1
mast-react-vite/src/App.tsx
···
99
99
100
100
return (
101
101
<>
102
-
<section className="pt-16 container">
102
+
<section className="pt-8 container">
103
103
<Input type="text"
104
+
className="bg-background p-4"
104
105
onKeyUp={addTodo}
105
106
onChange={(e) => setNewText(e.target.value)}
106
107
/>
108
+
<div className="p-2"/>
107
109
<DataTable columns={columns} data={todos} />
108
110
</section>
109
111
</>
+2
-2
mast-react-vite/src/components/ui/checkbox.tsx
+2
-2
mast-react-vite/src/components/ui/checkbox.tsx
···
10
10
<CheckboxPrimitive.Root
11
11
ref={ref}
12
12
className={cn(
13
-
"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
13
+
"flex h-4 w-4 shrink-0 items-center justify-center text-current rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
14
14
className
15
15
)}
16
16
{...props}
···
18
18
<CheckboxPrimitive.Indicator
19
19
className={cn("flex items-center justify-center text-current")}
20
20
>
21
-
<CheckIcon className="h-4 w-4" />
21
+
<CheckIcon className="h-3 w-3" />
22
22
</CheckboxPrimitive.Indicator>
23
23
</CheckboxPrimitive.Root>
24
24
))
+2
-2
mast-react-vite/src/components/ui/data-table.tsx
+2
-2
mast-react-vite/src/components/ui/data-table.tsx
···
44
44
return (
45
45
<div >
46
46
<Table >
47
-
<TableHeader>
47
+
<TableHeader className="bg-accent">
48
48
{table.getHeaderGroups().map((headerGroup) => (
49
49
<TableRow key={headerGroup.id}>
50
50
{headerGroup.headers.map((header) => {
51
51
return (
52
52
<TableHead key={header.id}
53
-
className="relative"
53
+
className="relative text-foreground"
54
54
style={{
55
55
width: header.getSize(),
56
56
}}