add step && marks

packages/app/constants/settings/components/sliderValues/index.jsx

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

packages/app/constants/settings/components/sliderValues/index.less

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