chore: upgrade slider ui (#6838)

2024-07-31 17:46:43 +08:00
parent af76381b98
commit 77c071e26f
2 changed files with 6 additions and 27 deletions
--- a/web/app/components/base/slider/index.tsx
+++ b/web/app/components/base/slider/index.tsx
@@ -31,9 +31,9 @@ const Slider: React.FC<ISliderProps> = ({
    min={min || 0}
    max={max || 100}
    step={step || 1}
-    className={cn('slider', className)}
-    thumbClassName={cn('slider-thumb', thumbClassName)}
-    trackClassName={cn('slider-track', trackClassName)}
+    className={cn('relative slider', className)}
+    thumbClassName={cn('absolute top-[-9px] w-2 h-5 border-[0.5px] border-components-silder-knob-border rounded-[3px] bg-components-silder-knob shadow-sm  focus:outline-none', !disabled && 'cursor-pointer', thumbClassName)}
+    trackClassName={cn('h-0.5 rounded-full slider-track', trackClassName)}
    onChange={onChange}
  />
 }