add step && marks

This commit is contained in:
SrGooglo 2023-06-27 20:21:46 +00:00
parent e1ef3ff2ac
commit 76dd480254
2 changed files with 11 additions and 2 deletions

View File

@ -64,10 +64,11 @@ export default (props) => {
value={values[slider.key] ?? 0} value={values[slider.key] ?? 0}
orientation="vertical" orientation="vertical"
valueLabelDisplay="off" valueLabelDisplay="off"
step={slider.step ?? 0.1} step={slider.step ?? props.step ?? 0.1}
min={slider.min} min={slider.min}
max={slider.max} max={slider.max}
disabled={props.disabled} disabled={props.disabled}
marks={props.marks ?? props.marks}
/> />
<div className="values_sliders_slider_value"> <div className="values_sliders_slider_value">

View File

@ -2,7 +2,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 10px; padding: 10px 0;
width: 100%; width: 100%;
@ -29,8 +29,15 @@
display: inline-flex; display: inline-flex;
flex-direction: row; flex-direction: row;
overflow: hidden;
span { span {
font-size: 0.7rem; font-size: 0.7rem;
white-space: nowrap;
text-overflow: clip;
overflow: hidden;
} }
} }
@ -45,6 +52,7 @@
.MuiSlider-vertical { .MuiSlider-vertical {
min-height: 300px; min-height: 300px;
color: var(--primaryColor);
} }
} }
} }