fix: voltar em serviços vai sempre para home + hover primário na borda dos serviços públicos

- ServicosHubView: router.back() → router.push({ name: 'home' }) para evitar historico inesperado
- HomeView: serviços públicos com border sutil (white/10) que destaca para primary/70 no hover; ícone também muda para primary no hover

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gabriel Bezerra 2026-05-18 00:49:03 -03:00
parent e3b5a7ae9e
commit 1612b89867
2 changed files with 8 additions and 10 deletions

View File

@ -161,21 +161,19 @@ function continuar() {
</p>
<!-- Lista de serviços públicos -->
<ul class="space-y-3 mb-8">
<ul class="space-y-2 mb-8">
<li
v-for="s in servicosPublicos"
:key="s.titulo"
class="flex items-center gap-3 group cursor-pointer"
class="flex items-center gap-3 group cursor-pointer rounded-xl border border-white/10 px-3 py-2.5 hover:border-primary/70 transition-colors"
@click="router.push(s.to)"
>
<div class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center flex-shrink-0 group-hover:bg-white/20 transition-colors">
<i :class="['pi', s.icon, 'text-white text-sm']" />
<i :class="['pi', s.icon, 'text-white/70 text-sm flex-shrink-0 group-hover:text-primary transition-colors']" />
<div class="flex-1 min-w-0">
<p class="text-sm font-semibold text-white leading-tight">{{ s.titulo }}</p>
<p class="text-xs text-white/60 mt-0.5 truncate">{{ s.descricao }}</p>
</div>
<div>
<p class="text-sm font-semibold text-white group-hover:text-white/80 transition-colors">{{ s.titulo }}</p>
<p class="text-xs text-white/70">{{ s.descricao }}</p>
</div>
<i class="pi pi-chevron-right text-white/30 text-xs ml-auto opacity-0 group-hover:opacity-100 transition-opacity" />
<i class="pi pi-chevron-right text-white/30 text-xs flex-shrink-0 group-hover:text-primary/70 transition-colors" />
</li>
</ul>

View File

@ -19,7 +19,7 @@ const servicos = [
<!-- Voltar -->
<button
class="inline-flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors mb-6 py-1"
@click="router.back()"
@click="router.push({ name: 'home' })"
>
<i class="pi pi-arrow-left text-xs" aria-hidden="true" />
Voltar