From 8c7fa779011f4fb4992b23ba4a65a19f617282cd Mon Sep 17 00:00:00 2001 From: josedario87 Date: Sat, 18 Oct 2025 02:22:32 -0600 Subject: [PATCH] =?UTF-8?q?Fix:=20Eliminar=20cambios=20de=20tama=C3=B1o=20?= =?UTF-8?q?en=20hover=20de=20botones?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Quitar border-width en hover que causaba crecimiento del botón - Cambiar solo border-color en hover (de 50% a 70% opacity) - Modificar transition para solo animar propiedades de color - CERO cambios de tamaño o desplazamiento, solo colores --- nuxt4/app/assets/css/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/nuxt4/app/assets/css/main.css b/nuxt4/app/assets/css/main.css index 3c1e480..6ea0751 100644 --- a/nuxt4/app/assets/css/main.css +++ b/nuxt4/app/assets/css/main.css @@ -218,7 +218,7 @@ border-color: color-mix(in srgb, var(--cata-primary) 50%, transparent); padding: 0.5rem 1rem; border-radius: 0.375rem; - transition: all 200ms; + transition: background-color 200ms, border-color 200ms, box-shadow 200ms; cursor: pointer; color: var(--cata-fg); font-family: var(--cata-font-family); @@ -226,7 +226,7 @@ .cata-button:hover { background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent); - border-width: 2px; + border-color: color-mix(in srgb, var(--cata-primary) 70%, transparent); } .dark .cata-button:hover {