ModumSolucao/portal-modumfiscal-web
5
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/public/HomeView.vue
View File

@ -161,21 +161,19 @@ function continuar() {
</p> </p>
<!-- Lista de serviços públicos --> <!-- Lista de serviços públicos -->
<ul class="space-y-3 mb-8"> <ul class="space-y-2 mb-8">
<li <li
v-for="s in servicosPublicos" v-for="s in servicosPublicos"
:key="s.titulo" :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)" @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/70 text-sm flex-shrink-0 group-hover:text-primary transition-colors']" />
<i :class="['pi', s.icon, 'text-white text-sm']" /> <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>
<div> <i class="pi pi-chevron-right text-white/30 text-xs flex-shrink-0 group-hover:text-primary/70 transition-colors" />
<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" />
</li> </li>
</ul> </ul>

2
src/views/servicos/ServicosHubView.vue
View File

@ -19,7 +19,7 @@ const servicos = [
<!-- Voltar --> <!-- Voltar -->
<button <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" 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" /> <i class="pi pi-arrow-left text-xs" aria-hidden="true" />
Voltar Voltar