AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-19 16:19:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: upgrade slider ui (#6838)

Browse Source
This commit is contained in:
Joel 2024-07-31 17:46:43 +08:00 committed by GitHub
parent af76381b98
commit 77c071e26f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/components/base/slider/index.tsx
View File

@ -31,9 +31,9 @@ const Slider: React.FC<ISliderProps> = ({
min={min || 0} min={min || 0}
max={max || 100} max={max || 100}
step={step || 1} step={step || 1}
className={cn('slider', className)} className={cn('relative slider', className)}
thumbClassName={cn('slider-thumb', thumbClassName)} 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('slider-track', trackClassName)} trackClassName={cn('h-0.5 rounded-full slider-track', trackClassName)}
onChange={onChange} onChange={onChange}
/> />
} }

25
web/app/components/base/slider/style.css
View File

@ -1,32 +1,11 @@
.slider {
position: relative;
}
.slider.disabled { .slider.disabled {
opacity: 0.6; opacity: 0.6;
} }
.slider-thumb {
width: 16px;
height: 16px;
background-color: white;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.08);
position: absolute;
top: -8px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
cursor: pointer;
}
.slider-thumb:focus {
outline: none;
}
.slider-track { .slider-track {
background-color: #528BFF; background-color: var(--color-components-silder-range);
height: 2px;
} }
.slider-track-1 { .slider-track-1 {
background-color: #E5E7EB; background-color: var(--color-components-silder-track);
} }