tone/tonePage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化博客表格

Browse Source
This commit is contained in:
tone
2025-12-27 13:25:11 +08:00
parent 8c43f5fa73
commit b9d09a16ec
1 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
apps/frontend/app/console/(with-menu)/web/blog/components/BlogTable.tsx
View File

@@ -28,10 +28,11 @@ export default function BlogTable({ blogs, error, onRefresh }: BlogTableProps) {
} }
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead className="w-25">Id</TableHead> <TableHead className="w-15">Id</TableHead>
<TableHead>标题</TableHead> <TableHead>标题</TableHead>
<TableHead>描述</TableHead> <TableHead>描述</TableHead>
<TableHead>文章URL</TableHead> <TableHead>Slug</TableHead>
<TableHead className="w-25">文章URL</TableHead>
<TableHead className="text-right">操作</TableHead> <TableHead className="text-right">操作</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
@@ -42,7 +43,7 @@ export default function BlogTable({ blogs, error, onRefresh }: BlogTableProps) {
<TooltipProvider> <TooltipProvider>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<div className="max-w-[100px] overflow-hidden text-ellipsis">{blog.id}</div> <div className="max-w-15 overflow-hidden text-ellipsis">{blog.id}</div>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
<p>{blog.id}</p> <p>{blog.id}</p>
@@ -52,7 +53,19 @@ export default function BlogTable({ blogs, error, onRefresh }: BlogTableProps) {
</TableCell> </TableCell>
<TableCell className="whitespace-normal break-all">{blog.title}</TableCell> <TableCell className="whitespace-normal break-all">{blog.title}</TableCell>
<TableCell className="whitespace-normal break-all">{blog.description}</TableCell> <TableCell className="whitespace-normal break-all">{blog.description}</TableCell>
<TableCell className="whitespace-normal break-all">{blog.contentUrl}</TableCell> <TableCell className="whitespace-normal break-all">{blog.slug}</TableCell>
<TableCell>
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<div className="max-w-20 overflow-hidden text-ellipsis">{blog.contentUrl}</div>
</TooltipTrigger>
<TooltipContent>
<p>{blog.contentUrl}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</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>