fix: tool card category badge overflow on narrow viewports
This commit is contained in:
@@ -23,8 +23,8 @@ export function ToolCard({ tool }: { tool: ToolWithStats }) {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex-1 min-w-0">
|
<div className="flex-1 min-w-0">
|
||||||
<div className="flex justify-between items-start gap-2">
|
<div className="flex flex-wrap justify-between items-start gap-x-2 gap-y-1">
|
||||||
<CardTitle className="text-base line-clamp-1">{tool.name}</CardTitle>
|
<CardTitle className="text-base truncate min-w-[30%]">{tool.name}</CardTitle>
|
||||||
<Badge variant="outline" className="shrink-0 text-xs">{tool.category}</Badge>
|
<Badge variant="outline" className="shrink-0 text-xs">{tool.category}</Badge>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user