[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;
|
position: relative;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
max-width: 70%;
|
||||||
&.column {
|
&.column {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -75,7 +75,7 @@ const UiScalingContainer = () => {
|
|||||||
const createMarks = (min, max) => {
|
const createMarks = (min, max) => {
|
||||||
const marks = [];
|
const marks = [];
|
||||||
for (let value = min; value <= max; value += 10) {
|
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}` });
|
marks.push({ value, label: `${label}` });
|
||||||
}
|
}
|
||||||
return marks;
|
return marks;
|
||||||
@@ -117,7 +117,7 @@ export const MessageLogUiScalingContainer = () => {
|
|||||||
const createMarks = (min, max) => {
|
const createMarks = (min, max) => {
|
||||||
const marks = [];
|
const marks = [];
|
||||||
for (let value = min; value <= max; value += 10) {
|
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}` });
|
marks.push({ value, label: `${label}` });
|
||||||
}
|
}
|
||||||
return marks;
|
return marks;
|
||||||
|
|||||||
Reference in New Issue
Block a user