fix(ColorPicker): make thumb touch draggable (#4101)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Mateusz Kalinowski
2025-05-10 20:03:56 +02:00
committed by GitHub
parent 983c6382d1
commit cc20a26f07
3 changed files with 58 additions and 58 deletions

View File

@@ -2,10 +2,10 @@ export default {
slots: {
root: 'data-[disabled]:opacity-75',
picker: 'flex gap-4',
selector: 'rounded-md',
selector: 'rounded-md touch-none',
selectorBackground: 'w-full h-full relative rounded-md',
selectorThumb: '-translate-y-1/2 -translate-x-1/2 absolute size-4 ring-2 ring-(--color-white) rounded-full cursor-pointer data-[disabled]:cursor-not-allowed',
track: 'w-[8px] relative rounded-md',
track: 'w-[8px] relative rounded-md touch-none',
trackThumb: 'absolute transform -translate-y-1/2 -translate-x-[4px] rtl:translate-x-[4px] size-4 rounded-full ring-2 ring-(--color-white) cursor-pointer data-[disabled]:cursor-not-allowed'
},
variants: {