fixed the styiling for bin storage conditions

This commit is contained in:
csawatzky 2025-03-14 11:51:30 -06:00
parent 17f4cbc242
commit 4bdd87d948

View file

@ -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}