aboutsummaryrefslogtreecommitdiff
path: root/modern/src
diff options
context:
space:
mode:
authorAnton Tananaev <anton.tananaev@gmail.com>2021-09-03 23:40:27 -0700
committerAnton Tananaev <anton.tananaev@gmail.com>2021-09-03 23:40:27 -0700
commit17e46407452f948fd6ea704781aa6499f3054d28 (patch)
tree48760818b2e8f1a2e33572b11ca844a025fb9dd9 /modern/src
parentd20e3eabccf02edf926f1c931ea5b280951ff18a (diff)
downloadtrackermap-web-17e46407452f948fd6ea704781aa6499f3054d28.tar.gz
trackermap-web-17e46407452f948fd6ea704781aa6499f3054d28.tar.bz2
trackermap-web-17e46407452f948fd6ea704781aa6499f3054d28.zip
Add attribution text
Diffstat (limited to 'modern/src')
-rw-r--r--modern/src/StartPage.js39
1 files changed, 25 insertions, 14 deletions
diff --git a/modern/src/StartPage.js b/modern/src/StartPage.js
index 1472f501..66fad39a 100644
--- a/modern/src/StartPage.js
+++ b/modern/src/StartPage.js
@@ -38,6 +38,12 @@ const useStyles = makeStyles((theme) => ({
padding: theme.spacing(5),
width: '100%',
},
+ attribution: {
+ position: 'absolute',
+ bottom: theme.spacing(1),
+ right: theme.spacing(1.5),
+ fontSize: 'x-small',
+ },
}));
const StartPage = ({ children }) => {
@@ -45,21 +51,26 @@ const StartPage = ({ children }) => {
const theme = useTheme();
return (
- <main className={classes.root}>
- <div className={classes.sidebar}>
- {!useMediaQuery(theme.breakpoints.down('md'))
- && (
- <svg height="64" width="240">
- <use xlinkHref="/logo.svg#img" />
- </svg>
- )}
+ <>
+ <main className={classes.root}>
+ <div className={classes.sidebar}>
+ {!useMediaQuery(theme.breakpoints.down('md'))
+ && (
+ <svg height="64" width="240">
+ <use xlinkHref="/logo.svg#img" />
+ </svg>
+ )}
+ </div>
+ <Paper className={classes.paper}>
+ <form className={classes.form}>
+ { children }
+ </form>
+ </Paper>
+ </main>
+ <div className={classes.attribution}>
+ Powered by <a href="https://www.traccar.org/">Traccar GPS Tracking System</a>
</div>
- <Paper className={classes.paper}>
- <form className={classes.form}>
- { children }
- </form>
- </Paper>
- </main>
+ </>
);
};