fix(dashboard): make provider card hover visible (was ~invisible 1% opacity) (#4214)

Integrated into release/v3.8.29 (round 8)
This commit is contained in:
Diego Rodrigues de Sa e Souza
2026-06-18 20:50:14 -03:00
committed by GitHub
parent fe548212a4
commit d055b5b8fc
3 changed files with 44 additions and 2 deletions

View File

@@ -71,7 +71,7 @@ export default async function MediaProviderKindPage({ params }: PageProps) {
href={`/dashboard/media-providers/${validKind}/${p.id}`}
className="group"
>
<div className="rounded-xl border border-border bg-bg-card p-3 hover:bg-black/[0.01] dark:hover:bg-white/[0.01] transition-colors cursor-pointer h-full flex flex-col gap-2">
<div className="rounded-xl border border-border bg-bg-card p-3 hover:bg-black/5 dark:hover:bg-white/5 hover:border-primary/40 transition-colors cursor-pointer h-full flex flex-col gap-2">
<div className="flex items-center gap-2">
<div
className="size-7 rounded-lg flex items-center justify-center shrink-0"

View File

@@ -231,7 +231,7 @@ export default function ProviderCard({
<Link href={`/dashboard/providers/${providerId}`} className="group flex-1 flex flex-col">
<Card
padding="xs"
className={`h-full flex flex-col hover:bg-black/[0.01] dark:hover:bg-white/[0.01] transition-colors cursor-pointer ${allDisabled ? "opacity-50" : ""} ${provider.deprecated ? "opacity-60" : ""}`}
className={`h-full flex flex-col hover:bg-black/5 dark:hover:bg-white/5 hover:border-primary/40 transition-colors cursor-pointer ${allDisabled ? "opacity-50" : ""} ${provider.deprecated ? "opacity-60" : ""}`}
>
<div className="flex flex-col gap-2 h-full">
{/* Row 1 — Identity: icon + full name + risk/category indicators */}