[Update] Config Page: Adjust some width and design that was shrink unexpectedly.
Remove some indicator numbers and only show even numbers on Slider components.
This commit is contained in:
@@ -6,6 +6,7 @@
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
flex-wrap: wrap;
|
||||
max-width: 70%;
|
||||
&.column {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@@ -75,7 +75,7 @@ const UiScalingContainer = () => {
|
||||
const createMarks = (min, max) => {
|
||||
const marks = [];
|
||||
for (let value = min; value <= max; value += 10) {
|
||||
const label = ([50,70,130,140,160,170,190].includes(value)) ? "" : value;
|
||||
const label = ([50,70,90,110,130,150,170,190].includes(value)) ? "" : value;
|
||||
marks.push({ value, label: `${label}` });
|
||||
}
|
||||
return marks;
|
||||
@@ -117,7 +117,7 @@ export const MessageLogUiScalingContainer = () => {
|
||||
const createMarks = (min, max) => {
|
||||
const marks = [];
|
||||
for (let value = min; value <= max; value += 10) {
|
||||
const label = ([50,70,130,140,160,170,190].includes(value)) ? "" : value;
|
||||
const label = ([50,70,90,110,130,150,170,190].includes(value)) ? "" : value;
|
||||
marks.push({ value, label: `${label}` });
|
||||
}
|
||||
return marks;
|
||||
|
||||
Reference in New Issue
Block a user