Skip to content

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

Merged
diegosouzapw merged 1 commit into
release/v3.8.29from
fix/card-hover-visible
Jun 18, 2026
Merged

diegosouzapw merged 1 commit into
release/v3.8.29from
fix/card-hover-visible

Conversation

@diegosouzapw

Copy link
Copy Markdown
Collaborator

Problema

Ao passar o mouse sobre um card de provedor, ele não destacava — parecia que o hover nem acontecia. Causa: os dois cards em grid usavam um hover de 1% de opacidade (hover:bg-black/[0.01] / hover:bg-white/[0.01]), praticamente transparente:

  • src/app/(dashboard)/dashboard/providers/components/ProviderCard.tsx:234
  • src/app/(dashboard)/dashboard/media-providers/[kind]/page.tsx:69

Correção

Troca para o padrão de hover dominante do dashboard (hover:bg-*/5, usado 100+ vezes) + um realce de borda hover:border-primary/40, deixando o card claramente destacado no hover.

Validação (Hard Rule #18 — TDD)

  • tests/unit/card-hover-visible.test.ts (RED→GREEN, 2 casos): trava ambos os cards contra o hover quase-invisível (RED com a classe 1%, GREEN após o fix).
  • Verdes: ESLint, typecheck:core, check:file-size.

Frente E do pedido do MiniMax. Falta a frente D (WebSocket OpenAI na página de endpoints), que fica num PR próprio.

…pacity)

Hovering a provider card made it look unhovered: both the providers grid card
(ProviderCard.tsx) and the media-providers grid card used a 1%-opacity hover
(`hover:bg-black/[0.01]` / `hover:bg-white/[0.01]`), which is effectively
transparent. Switch to the dashboard's dominant, visible hover (`hover:bg-*/5`,
used 100+ times elsewhere) plus a `hover:border-primary/40` highlight so the
hovered card is clearly distinguished.

Regression test pins both card surfaces against the near-invisible hover.
@gemini-code-assist

Copy link
Copy Markdown
Contributor

Warning

You have reached your daily quota limit. Please wait up to 24 hours and I will start processing your requests again!

@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

@diegosouzapw
diegosouzapw merged commit d055b5b into release/v3.8.29 Jun 18, 2026
4 checks passed
@diegosouzapw diegosouzapw mentioned this pull request Jun 19, 2026
@diegosouzapw
diegosouzapw deleted the fix/card-hover-visible branch June 19, 2026 12:07
tkgo11 pushed a commit to tkgo11/OmniRoute that referenced this pull request Sep 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant