Feat: Agregar efecto hover sutil a filtros CheckboxGroup
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 46s
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 46s
- Añadir hover con fondo color brand (#c08040) al 5% de opacidad - Transición suave de 200ms en cambio de colores - Bordes redondeados para mejor estética - Sin cambios de tamaño ni desplazamiento - Aplicado a todos los filtros: ubicaciones, tipos, estados y calidades
This commit is contained in:
@@ -82,7 +82,8 @@
|
|||||||
orientation="vertical"
|
orientation="vertical"
|
||||||
size="sm"
|
size="sm"
|
||||||
:ui="{
|
:ui="{
|
||||||
fieldset: 'max-h-40 overflow-y-auto'
|
fieldset: 'max-h-40 overflow-y-auto',
|
||||||
|
container: 'hover:bg-[#c08040]/5 transition-colors duration-200 rounded-md px-2 -mx-2'
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -97,6 +98,9 @@
|
|||||||
variant="list"
|
variant="list"
|
||||||
orientation="vertical"
|
orientation="vertical"
|
||||||
size="sm"
|
size="sm"
|
||||||
|
:ui="{
|
||||||
|
container: 'hover:bg-[#c08040]/5 transition-colors duration-200 rounded-md px-2 -mx-2'
|
||||||
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -110,6 +114,9 @@
|
|||||||
variant="list"
|
variant="list"
|
||||||
orientation="vertical"
|
orientation="vertical"
|
||||||
size="sm"
|
size="sm"
|
||||||
|
:ui="{
|
||||||
|
container: 'hover:bg-[#c08040]/5 transition-colors duration-200 rounded-md px-2 -mx-2'
|
||||||
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -124,6 +131,9 @@
|
|||||||
variant="list"
|
variant="list"
|
||||||
orientation="horizontal"
|
orientation="horizontal"
|
||||||
size="sm"
|
size="sm"
|
||||||
|
:ui="{
|
||||||
|
container: 'hover:bg-[#c08040]/5 transition-colors duration-200 rounded-md px-2 -mx-2'
|
||||||
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -255,7 +265,8 @@
|
|||||||
orientation="vertical"
|
orientation="vertical"
|
||||||
size="sm"
|
size="sm"
|
||||||
:ui="{
|
:ui="{
|
||||||
fieldset: 'max-h-40 overflow-y-auto'
|
fieldset: 'max-h-40 overflow-y-auto',
|
||||||
|
container: 'hover:bg-[#c08040]/5 transition-colors duration-200 rounded-md px-2 -mx-2'
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -270,6 +281,9 @@
|
|||||||
variant="list"
|
variant="list"
|
||||||
orientation="vertical"
|
orientation="vertical"
|
||||||
size="sm"
|
size="sm"
|
||||||
|
:ui="{
|
||||||
|
container: 'hover:bg-[#c08040]/5 transition-colors duration-200 rounded-md px-2 -mx-2'
|
||||||
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -283,6 +297,9 @@
|
|||||||
variant="list"
|
variant="list"
|
||||||
orientation="vertical"
|
orientation="vertical"
|
||||||
size="sm"
|
size="sm"
|
||||||
|
:ui="{
|
||||||
|
container: 'hover:bg-[#c08040]/5 transition-colors duration-200 rounded-md px-2 -mx-2'
|
||||||
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -297,6 +314,9 @@
|
|||||||
variant="list"
|
variant="list"
|
||||||
orientation="horizontal"
|
orientation="horizontal"
|
||||||
size="sm"
|
size="sm"
|
||||||
|
:ui="{
|
||||||
|
container: 'hover:bg-[#c08040]/5 transition-colors duration-200 rounded-md px-2 -mx-2'
|
||||||
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user