mirror of
https://github.com/pacnpal/thrilltrack-explorer.git
synced 2025-12-23 11:51:14 -05:00
Refactor search result display
This commit is contained in:
@@ -275,18 +275,18 @@ export function AutocompleteSearch({
|
|||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<div className="flex-1 min-w-0">
|
<div className="flex-1 min-w-0">
|
||||||
<div className="flex flex-col sm:flex-row sm:items-center gap-1.5 sm:gap-2">
|
<div className="flex flex-col gap-1">
|
||||||
<div className="flex items-center gap-1.5 sm:gap-2 min-w-0">
|
<span className="font-semibold text-foreground text-sm sm:text-base line-clamp-1">{item.title}</span>
|
||||||
<span className="font-semibold text-foreground text-sm sm:text-base line-clamp-1">{item.title}</span>
|
<div className="flex items-center gap-1.5 flex-wrap">
|
||||||
<Badge variant="outline" className={`text-[10px] sm:text-xs font-medium whitespace-nowrap ${getTypeColor(item.type)}`}>
|
<Badge variant="outline" className={`text-[10px] sm:text-xs font-medium whitespace-nowrap ${getTypeColor(item.type)}`}>
|
||||||
{getTypeLabel(item.type)}
|
{getTypeLabel(item.type)}
|
||||||
</Badge>
|
</Badge>
|
||||||
|
{item.subtitle && (
|
||||||
|
<Badge variant="secondary" className="text-[10px] sm:text-xs whitespace-nowrap">
|
||||||
|
{item.subtitle}
|
||||||
|
</Badge>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
{item.subtitle && (
|
|
||||||
<Badge variant="secondary" className="text-[10px] sm:text-xs whitespace-nowrap w-fit">
|
|
||||||
{item.subtitle}
|
|
||||||
</Badge>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{((item as SearchResult).rating ?? 0) > 0 && (
|
{((item as SearchResult).rating ?? 0) > 0 && (
|
||||||
|
|||||||
Reference in New Issue
Block a user