nucleo000/cataRio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Eliminar cambios de tamaño en hover de botones
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m1s
Details

Browse Source 
- 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
This commit is contained in:
josedario87
2025-10-18 02:22:32 -06:00
parent 95d498694a
commit 8c7fa77901
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
nuxt4/app/assets/css/main.css
View File

@@ -218,7 +218,7 @@
border-color: color-mix(in srgb, var(--cata-primary) 50%, transparent); border-color: color-mix(in srgb, var(--cata-primary) 50%, transparent);
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 0.375rem; border-radius: 0.375rem;
transition: all 200ms; transition: background-color 200ms, border-color 200ms, box-shadow 200ms;
cursor: pointer; cursor: pointer;
color: var(--cata-fg); color: var(--cata-fg);
font-family: var(--cata-font-family); font-family: var(--cata-font-family);
@@ -226,7 +226,7 @@
.cata-button:hover { .cata-button:hover {
background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent); 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 { .dark .cata-button:hover {