From 9234c5832c169f408a19847eea81f7f283127055 Mon Sep 17 00:00:00 2001 From: josedario87 Date: Sat, 18 Oct 2025 02:06:06 -0600 Subject: [PATCH] =?UTF-8?q?Mejorar=20bot=C3=B3n=20Inicio=20con=20icono=20d?= =?UTF-8?q?e=20perfil=20y=20estilo=20mejorado?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Agregar icono de la app perfil al botón Inicio - Implementar sistema de fallback para iconos (local → remoto → favicon) - Aplicar gradientes y estilos inspirados en la app perfil - Agregar transiciones suaves y efectos hover mejorados --- nuxt4-app/app/components/app/AppSidebar.vue | 38 +++++++++++++++++--- nuxt4-app/public/perfil-icon.png | Bin 0 -> 44816 bytes 2 files changed, 34 insertions(+), 4 deletions(-) create mode 100644 nuxt4-app/public/perfil-icon.png diff --git a/nuxt4-app/app/components/app/AppSidebar.vue b/nuxt4-app/app/components/app/AppSidebar.vue index 8b4074a..48e68a9 100644 --- a/nuxt4-app/app/components/app/AppSidebar.vue +++ b/nuxt4-app/app/components/app/AppSidebar.vue @@ -91,15 +91,21 @@ variant="ghost" size="sm" block - class="justify-start gap-2.5 hover:bg-primary-50/80 dark:hover:bg-primary-950/30 transition-all duration-200" + class="justify-start gap-2.5 hover:bg-gradient-to-r hover:from-primary-50/90 hover:to-green-50/60 dark:hover:from-primary-950/40 dark:hover:to-green-950/30 transition-all duration-300 hover:shadow-sm" :ui="{ rounded: 'rounded-lg', padding: { sm: 'px-2.5 py-2' } }" > Inicio @@ -217,7 +223,7 @@