LicenseAPI/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created the Terms.jsx page

Browse Source
This commit is contained in:
Mathias Wagner 2023-07-09 02:41:20 +02:00
parent 37ab121979
commit 179eb32470
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/Terms/Terms.jsx Normal file
View File

@ -0,0 +1,26 @@
import {Stack, Typography, useMediaQuery, useTheme} from "@mui/material";
import TermsImage from "@/common/assets/images/legal/terms.svg";
export const Terms = () => {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down("lg"));
return (
<Stack direction="column" justifyContent="center"
sx={{mt: 15, ml: {lg: "auto", xs: "0"}, mr: {lg: "auto", xs: "0"}, width: {lg: "80%", xs: "100%"}}}>
<Stack direction="row" justifyContent="space-between">
<Stack direction="column" justifyContent="center" sx={{width: "40rem", overflow: "hidden",
textOverflow: "ellipsis"}}>
<Typography fontWeight={700} noWrap variant={isMobile ? "h5" : "h3"}>Nutzungsbedingungen</Typography>
<Typography fontWeight={400} sx={{mt: 2}} variant={isMobile ? "h7" : "h5"}>
Die Nutzung dieser Website ist nur unter Einhaltung der folgenden Nutzungsbedingungen zulässig.
Durch die Nutzung dieser Website erklären Sie sich mit diesen Nutzungsbedingungen einverstanden.
</Typography>
</Stack>
{!isMobile && <img src={TermsImage} alt="Terms" height={400}/>}
</Stack>
</Stack>
)
}