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

4
src/pages/Gate.tsx
View file

@ -115,17 +115,13 @@ export default function Gate(props: Props) {
}; };
useEffect(() => { useEffect(() => {
console.log(gateID)
let key = gateID; let key = gateID;
let kind = "gate"; let kind = "gate";
if (as) { if (as) {
key = as; key = as;
kind = "team"; kind = "team";
} }
console.log(key)
console.log(kind)
userAPI.getUser(user.id(), { key: key, kind: kind } as Scope).then(resp => { userAPI.getUser(user.id(), { key: key, kind: kind } as Scope).then(resp => {
console.log(resp)
setPermissions(resp.permissions); setPermissions(resp.permissions);
}); });
}, [as, gateID, userAPI, user]); }, [as, gateID, userAPI, user]);