azalea/inkclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change the cursor to a pointer when hovering over sliders

Browse Source
This commit is contained in:
daylily
2025-04-05 02:13:41 -04:00
parent c1a5ff6aa5
commit f73673cdba
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/ui/slider/slider.svelte
+2 -2
View File
@@ -29,7 +29,7 @@ get along, so we shut typescript up by casting `value` to `never`.
{#snippet children({ thumbs })} {#snippet children({ thumbs })}
<span <span
data-orientation={orientation} data-orientation={orientation}
class="bg-secondary relative grow overflow-hidden rounded-full data-[orientation='horizontal']:h-2 data-[orientation='vertical']:h-full data-[orientation='horizontal']:w-full data-[orientation='vertical']:w-2" class="bg-secondary relative grow overflow-hidden rounded-full data-[orientation='horizontal']:h-2 data-[orientation='vertical']:h-full data-[orientation='horizontal']:w-full data-[orientation='vertical']:w-2 hover:cursor-pointer"
> >
<SliderPrimitive.Range <SliderPrimitive.Range
class="bg-primary absolute data-[orientation='horizontal']:h-full data-[orientation='vertical']:w-full" class="bg-primary absolute data-[orientation='horizontal']:h-full data-[orientation='vertical']:w-full"
@@ -38,7 +38,7 @@ get along, so we shut typescript up by casting `value` to `never`.
{#each thumbs as thumb (thumb)} {#each thumbs as thumb (thumb)}
<SliderPrimitive.Thumb <SliderPrimitive.Thumb
index={thumb} index={thumb}
class="border-primary bg-background ring-offset-background focus-visible:ring-ring block size-5 rounded-full border-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" class="border-primary bg-background ring-offset-background focus-visible:ring-ring block size-5 rounded-full border-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:cursor-pointer"
aria-labelledby={ariaLabelledby} aria-labelledby={ariaLabelledby}
/> />
{/each} {/each}