fixed the styiling for bin storage conditions
This commit is contained in:
parent
17f4cbc242
commit
4bdd87d948
1 changed files with 11 additions and 8 deletions
|
|
@ -81,8 +81,8 @@ const useStyles = makeStyles((theme: Theme) => {
|
|||
sliderThumb: {
|
||||
height: 15,
|
||||
width: 15,
|
||||
marginTop: -6,
|
||||
marginLeft: -7.5,
|
||||
marginTop: 0,
|
||||
marginLeft: 0,
|
||||
backgroundColor: "yellow"
|
||||
},
|
||||
sliderTrack: {
|
||||
|
|
@ -94,10 +94,10 @@ const useStyles = makeStyles((theme: Theme) => {
|
|||
backgroundColor: "white"
|
||||
},
|
||||
sliderValLabel: {
|
||||
left: "calc(-50%)",
|
||||
top: 22,
|
||||
left: -20,
|
||||
top: 40,
|
||||
background: "transparent",
|
||||
"& *": {
|
||||
background: "transparent",
|
||||
color: "#fff"
|
||||
}
|
||||
},
|
||||
|
|
@ -109,7 +109,8 @@ const useStyles = makeStyles((theme: Theme) => {
|
|||
marginBottom: 0
|
||||
},
|
||||
sliderMarkLabel: {
|
||||
top: -25
|
||||
top: -25,
|
||||
left: -10
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -138,8 +139,8 @@ export default function BinStorageConditions(props: Props) {
|
|||
const [targetTemp, setTargetTemp] = useState("");
|
||||
const [targetEMC, setTargetEMC] = useState("");
|
||||
const [emcDeviation, setEmcDeviation] = useState("");
|
||||
const [averageTemp, setAverageTemp] = useState<number | undefined>();
|
||||
const [averageEMC, setAverageEMC] = useState<number | undefined>();
|
||||
const [averageTemp, setAverageTemp] = useState<number | undefined>(10);
|
||||
const [averageEMC, setAverageEMC] = useState<number | undefined>(10);
|
||||
|
||||
//the number of nodes in the grain that fall into each category
|
||||
const [tempTargets, setTempTargets] = useState<NodeCounts>({
|
||||
|
|
@ -368,6 +369,7 @@ export default function BinStorageConditions(props: Props) {
|
|||
|
||||
//this will display at all times
|
||||
const tempDisplay = () => {
|
||||
console.log(tempTargets)
|
||||
let sliderEdge = 40;
|
||||
|
||||
let mark: Mark[] = [];
|
||||
|
|
@ -440,6 +442,7 @@ export default function BinStorageConditions(props: Props) {
|
|||
mark: classes.sliderMark,
|
||||
markLabel: classes.sliderMarkLabel
|
||||
}}
|
||||
|
||||
marks={mark}
|
||||
step={0.1}
|
||||
value={sliderTemps}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue