feat: enhance SkillRow component layout and improve description display

This commit is contained in:
mlogclub
2026-04-14 18:37:58 +08:00
parent c13d2a9468
commit fcecf77640
+5 -5
View File
@@ -74,6 +74,7 @@ function SkillRow({
handleToggleStatus, handleToggleStatus,
handleDelete, handleDelete,
}: SkillRowProps) { }: SkillRowProps) {
return ( return (
<TableRow> <TableRow>
<TableCell> <TableCell>
@@ -88,11 +89,10 @@ function SkillRow({
<Badge variant="secondary"> {item.toolWhitelist.length}</Badge> <Badge variant="secondary"> {item.toolWhitelist.length}</Badge>
<Badge variant="secondary"> {item.examples.length}</Badge> <Badge variant="secondary"> {item.examples.length}</Badge>
</div> </div>
<div className="mt-1 line-clamp-2 text-sm text-muted-foreground"> <div className="mt-2 space-y-2">
{item.description || "暂无描述"} <div className="line-clamp-2 text-sm leading-6 text-muted-foreground">
</div> {item.description || "暂无描述"}
<div className="mt-2 line-clamp-2 text-xs leading-5 text-muted-foreground"> </div>
{item.instruction || "暂无技能说明"}
</div> </div>
{item.toolWhitelist.length > 0 ? ( {item.toolWhitelist.length > 0 ? (
<div className="mt-2 flex flex-wrap gap-2"> <div className="mt-2 flex flex-wrap gap-2">