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:
parent
e3b5a7ae9e
commit
1612b89867
@ -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>
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user