brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed the centering of the gate cards

Browse source
This commit is contained in:
csawatzky 2025-06-11 13:47:02 -06:00
parent fbc8703ae4
commit d5f3cb727c
2 changed files with 5 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/gate/GateFlowGraph.tsx
View file

@ -172,7 +172,7 @@ export default function GateFlowGraph(props: Props) {
const flowChart = () => {
return (
<Card raised style={{ padding: 10, marginBottom: 15 }}>
<Card raised style={{ padding: 10, marginBottom: 15, marginTop: 15 }}>
<CardHeader
title={<Typography style={{ fontSize: 25, fontWeight: 650 }}>Mass Air Flow</Typography>}
subheader={
@ -369,7 +369,7 @@ export default function GateFlowGraph(props: Props) {
<Grid container direction="row" spacing={2} className={classes.runtimeGrid}>
<Grid size={3}>
<Card raised className={classes.calcCard}>
<Grid container direction="column" alignItems="center">
<Grid container width="100%" direction="column" alignItems="center">
<Grid>Approximate Runtime:</Grid>
<Grid>
<Typography style={{ fontWeight: 650, fontSize: 15 }}>
@ -381,7 +381,7 @@ export default function GateFlowGraph(props: Props) {
</Grid>
<Grid size={3}>
<Card raised className={classes.calcCard}>
<Grid container direction="column" alignItems="center">
<Grid container width="100%" direction="column" alignItems="center">
<Grid>Cost to run PCA:</Grid>
<Grid>
<Typography style={{ fontWeight: 650, fontSize: 15 }}>
@ -396,7 +396,7 @@ export default function GateFlowGraph(props: Props) {
</Grid>
<Grid size={3}>
<Card raised className={classes.calcCard}>
<Grid container direction="column" alignItems="center">
<Grid container width="100%" direction="column" alignItems="center">
<Grid>Cost to run APU:</Grid>
<Grid>
<Typography style={{ fontWeight: 650, fontSize: 15 }}>
@ -411,7 +411,7 @@ export default function GateFlowGraph(props: Props) {
</Grid>
<Grid size={3}>
<Card raised className={classes.calcCard}>
<Grid container direction="column" alignItems="center">
<Grid container width="100%" direction="column" alignItems="center">
<Grid>Total Cost:</Grid>
<Grid>
<Typography style={{ fontWeight: 650, fontSize: 15 }}>