优化Blog管理列表样式

This commit is contained in:
2025-05-18 21:02:53 +08:00
parent f1f32f03ec
commit e25c4f0455

View File

@@ -21,7 +21,7 @@ interface BlogTableProps {
export default function BlogTable({ blogs, error, onRefresh }: BlogTableProps) { export default function BlogTable({ blogs, error, onRefresh }: BlogTableProps) {
return ( return (
<Table> <Table className="w-full overflow-x-auto">
{ {
error && ( error && (
<TableCaption>{error}</TableCaption> <TableCaption>{error}</TableCaption>
@@ -51,9 +51,9 @@ export default function BlogTable({ blogs, error, onRefresh }: BlogTableProps) {
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
</TableCell> </TableCell>
<TableCell>{blog.title}</TableCell> <TableCell className="whitespace-normal break-words">{blog.title}</TableCell>
<TableCell>{blog.description}</TableCell> <TableCell className="whitespace-normal break-words">{blog.description}</TableCell>
<TableCell>{blog.contentUrl}</TableCell> <TableCell className="whitespace-normal break-words">{blog.contentUrl}</TableCell>
<TableCell className="text-right"> <TableCell className="text-right">
<BlogEdit id={blog.id} onRefresh={() => onRefresh()}> <BlogEdit id={blog.id} onRefresh={() => onRefresh()}>
<Button variant={'outline'} size={'sm'}></Button> <Button variant={'outline'} size={'sm'}></Button>