Commit 3d97bd12 authored by Micha Lutz's avatar Micha Lutz
Browse files

fix footer position + status label

parent 1af0875e
......@@ -20,7 +20,7 @@ import { getAccessToken, sendApplication, getStatus } from "./requests";
import { useStyles } from "./styles";
const defaultValues = {
destinationId: "f08a200d-b950-4aa1-b4bf-2402ab66a923",
destinationId: "86e71dc4-b8e5-4132-a6fa-f73495ab5686",
applicant: { givenName: "Werner", familyName: "Mustermann" },
serviceType: { leikaId: "99050012104000", name: "Gewerbeanmeldung" },
applicationData: JSON.stringify(
......@@ -265,7 +265,9 @@ function App() {
{(status === "readySent" || status === "getStatus") && (
<div>
<Grid container className={classes.formRow}>
<Grid item xs={3}></Grid>
<Grid item xs={3}>
<FormLabel>Status</FormLabel>
</Grid>
<Grid item xs={9}>
{applicationStatus}
</Grid>
......@@ -289,7 +291,7 @@ function App() {
)}
{status === "error" && (
<Grid container align="center">
<Grid container align="center" className={classes.formRow}>
<Grid item xs={3}></Grid>
<Grid item xs={9} align="center">
<span>an error occured, see console for details</span>
......@@ -297,15 +299,17 @@ function App() {
</Grid>
)}
<Grid container item align="center" justify="flex-start" alignItems="flex-start" className={classes.footer}>
<Grid item xs={12}>
<Typography className={classes.footerText}>
(C) <Link href="https://www.fortiss.org/">Fortiss GmbH</Link> 2020 | Details available in{" "}
<Link href="https://git.fortiss.org/fit-connect/sender-app">GitLab</Link>
</Typography>
</Grid>
</Grid>
<div className={classes.footerPlaceholder}></div>
</Container>
<Grid container align="center" justify="flex-start" alignItems="flex-start" className={classes.footer}>
<Grid item xs={12}>
<Typography className={classes.footerText}>
(C) <Link href="https://www.fortiss.org/">Fortiss GmbH</Link> 2020 | Details available in{" "}
<Link href="https://git.fortiss.org/fit-connect/sender-app">GitLab</Link>
</Typography>
</Grid>
</Grid>
</div>
);
}
......
......@@ -5,6 +5,7 @@ export const useStyles = makeStyles((theme) => ({
root: {
flexGrow: 1,
fontFamily: "Roboto, Helvetica, Arial, sans-serif",
background: "white",
},
menu: {
marginLeft: -8,
......@@ -23,10 +24,14 @@ export const useStyles = makeStyles((theme) => ({
width: "100%",
marginBottom: 10,
},
footerPlaceholder: {
height: "40px",
},
footer: {
position: "fixed",
bottom: 0,
padding: "15px",
backgroundColor: "white",
},
footerText: {
color: "gray",
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment