mirror of
https://github.com/ragestudio/comty.git
synced 2025-06-09 18:44:16 +00:00
add step && marks
This commit is contained in:
parent
e1ef3ff2ac
commit
76dd480254
@ -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">
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user