custom table width

This commit is contained in:
polaris
2024-07-01 14:45:16 -04:00
parent fce22cda7c
commit 64cb7ded43
4 changed files with 10 additions and 11 deletions

View File

@ -2,9 +2,10 @@ import ChunithmScorePlaylog from "@/components/scoreplaylog/page";
const ChunithmPage = () => { const ChunithmPage = () => {
return ( return (
<div className="p-10"> <div className="h-screen flex items-center justify-center overflow-y-scroll no-scrollbar">
<div className="w-[70vw]">
<ChunithmScorePlaylog/> <ChunithmScorePlaylog />
</div>
</div> </div>
); );
}; };

View File

@ -74,3 +74,4 @@
@apply bg-background text-foreground; @apply bg-background text-foreground;
} }
} }

View File

@ -34,7 +34,7 @@ export function DataTable<TData, TValue>({
}); });
return ( return (
<div className="rounded-md border"> <div className="rounded-md border ">
<Table> <Table>
<TableHeader> <TableHeader>
{table.getHeaderGroups().map((headerGroup) => ( {table.getHeaderGroups().map((headerGroup) => (
@ -60,7 +60,7 @@ export function DataTable<TData, TValue>({
data-state={row.getIsSelected() && "selected"} data-state={row.getIsSelected() && "selected"}
> >
{row.getVisibleCells().map((cell) => ( {row.getVisibleCells().map((cell) => (
<TableCell key={cell.id}> <TableCell key={cell.id} className="p-5">
{flexRender(cell.column.columnDef.cell, cell.getContext())} {flexRender(cell.column.columnDef.cell, cell.getContext())}
</TableCell> </TableCell>
))} ))}

View File

@ -5,7 +5,7 @@ import { z } from "zod";
import { columns } from "./colums"; import { columns } from "./colums";
const userSchema = z.object({ const userSchema = z.object({
UserId: z.number() UserId: z.number(),
}); });
const ChunithmScorePlaylog = async () => { const ChunithmScorePlaylog = async () => {
@ -23,10 +23,7 @@ const ChunithmScorePlaylog = async () => {
const songs = await getSongsWithTitles(TypedUser.data.UserId); const songs = await getSongsWithTitles(TypedUser.data.UserId);
return ( return <DataTable columns={columns} data={songs} />;
<DataTable columns={columns} data={songs} />
);
}; };
export default ChunithmScorePlaylog; export default ChunithmScorePlaylog;