LaconicNetwork/mars-v2-frontend
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: fixed the slider masks

Browse Source
This commit is contained in:
Linkie Link 2023-11-14 12:52:14 +01:00
parent d18e2f9034
commit 57ad45b2b2
No known key found for this signature in database
GPG Key ID: 5318B0F2564D38EA
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Slider/Track.tsx
View File

@ -16,10 +16,11 @@ export default function Track(props: Props) {
percentage = ((props.sliderValue - minValue) / (props.maxValue - minValue)) * 100 percentage = ((props.sliderValue - minValue) / (props.maxValue - minValue)) * 100
} }
return ( return (
<div className='relative flex-1 h-1 bg-white/20 rounded-sm w-1'> <div className='relative flex-1 w-1 h-1 rounded-sm bg-white/20'>
<div <div
className={classNames( className={classNames(
'h-1 z-1 rounded-sm w-1', 'relative z-1',
'h-1 rounded-sm w-1',
'before:absolute', 'before:absolute',
'before:top-0 before:bottom-0 before:right-0 before:left-0', 'before:top-0 before:bottom-0 before:right-0 before:left-0',
percentage > 0 && props.bg, percentage > 0 && props.bg,