fix: make slider grab cursor

risc0 · Jul 12, 2024 · 406aa02 · 406aa02
1 parent e9964fb
commit 406aa02
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@risc0/ui",
-  "version": "0.0.117",
+  "version": "0.0.119",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -34,7 +34,7 @@
     "class-variance-authority": "0.7.1-canary.2",
     "clsx": "2.1.1",
     "cmdk": "1.0.0",
-    "lucide-react": "0.407.0",
+    "lucide-react": "0.408.0",
     "next-themes": "0.3.0",
     "radash": "12.1.0",
     "react-hook-form": "7.52.1",

diff --git a/slider.tsx b/slider.tsx
@@ -16,13 +16,13 @@ const Slider = forwardRef<
   >
     <SliderPrimitive.Track
       data-testid="slider-track"
-      className="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20"
+      className="relative h-1.5 w-full grow cursor-pointer overflow-hidden rounded-full bg-primary/20"
     >
       <SliderPrimitive.Range data-testid="slider-range" className="absolute h-full bg-primary" />
     </SliderPrimitive.Track>
     <SliderPrimitive.Thumb
       data-testid="slider-thumb"
-      className="block size-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+      className="block size-4 cursor-grab rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring active:cursor-grabbing disabled:pointer-events-none disabled:opacity-50"
     />
   </SliderPrimitive.Root>
 ));