From 1612b89867e8aa176e39db7a7f1fe0b89475d751 Mon Sep 17 00:00:00 2001
From: gabrielb <gabriel18lb@outlook.com>
Date: Mon, 18 May 2026 00:49:03 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20voltar=20em=20servi=C3=A7os=20vai=20semp?=
 =?UTF-8?q?re=20para=20home=20+=20hover=20prim=C3=A1rio=20na=20borda=20dos?=
 =?UTF-8?q?=20servi=C3=A7os=20p=C3=BAblicos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 src/views/public/HomeView.vue          | 16 +++++++---------
 src/views/servicos/ServicosHubView.vue |  2 +-
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/views/public/HomeView.vue b/src/views/public/HomeView.vue
index 3c258e0..815fede 100644
--- a/src/views/public/HomeView.vue
+++ b/src/views/public/HomeView.vue
@@ -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>
 
diff --git a/src/views/servicos/ServicosHubView.vue b/src/views/servicos/ServicosHubView.vue
index 3a42657..86ca96d 100644
--- a/src/views/servicos/ServicosHubView.vue
+++ b/src/views/servicos/ServicosHubView.vue
@@ -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