fix(views): remove background container from provider logos (#573)

Show provider logos directly without the green/gray rounded background
container in both runtime list and detail views.

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
LinYushen
2026-04-09 17:22:46 +08:00
committed by GitHub
parent c283288133
commit 70aea76bf6
2 changed files with 4 additions and 12 deletions

View File

@@ -82,12 +82,8 @@ export function RuntimeDetail({ runtime }: { runtime: AgentRuntime }) {
{/* Header */}
<div className="flex h-12 shrink-0 items-center justify-between border-b px-4">
<div className="flex min-w-0 items-center gap-2">
<div
className={`flex h-7 w-7 shrink-0 items-center justify-center rounded-md ${
runtime.status === "online" ? "bg-success/10" : "bg-muted"
}`}
>
<ProviderLogo provider={runtime.provider} className="h-4 w-4" />
<div className="flex h-7 w-7 shrink-0 items-center justify-center">
<ProviderLogo provider={runtime.provider} className="h-5 w-5" />
</div>
<div className="min-w-0">
<h2 className="text-sm font-semibold truncate">{runtime.name}</h2>

View File

@@ -35,12 +35,8 @@ function RuntimeListItem({
isSelected ? "bg-accent" : "hover:bg-accent/50"
}`}
>
<div
className={`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${
runtime.status === "online" ? "bg-success/10" : "bg-muted"
}`}
>
<ProviderLogo provider={runtime.provider} className="h-4 w-4" />
<div className="flex h-8 w-8 shrink-0 items-center justify-center">
<ProviderLogo provider={runtime.provider} className="h-5 w-5" />
</div>
<div className="min-w-0 flex-1">
<div className="truncate text-sm font-medium">{runtime.name}</div>