Optimized the Privacy.jsx for mobile devices

This commit is contained in:
Mathias Wagner 2023-07-09 02:41:12 +02:00
parent 12e062e1ae
commit 37ab121979
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

@ -1,4 +1,4 @@
import {Box, Link, Stack, Typography, useMediaQuery, useTheme} from "@mui/material";
import {Link, Stack, Typography, useMediaQuery, useTheme} from "@mui/material";
import PrivacyImage from "@/common/assets/images/legal/privacy.svg";
export const Privacy = () => {
@ -9,9 +9,10 @@ export const Privacy = () => {
<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: "33rem"}}>
<Typography variant="h2" fontWeight={700}>Datenschutz</Typography>
<Typography variant="h4" fontWeight={500}>Unsere Datenschutzerklärung</Typography>
<Stack direction="column" justifyContent="center" sx={{width: "40rem", overflow: "hidden",
textOverflow: "ellipsis"}}>
<Typography fontWeight={700} variant={isMobile ? "h3" : "h2"}>Datenschutz</Typography>
<Typography fontWeight={500} variant={isMobile ? "h5" : "h4"}>Unsere Datenschutzerklärung</Typography>
<Typography variant="h6" fontWeight={500} sx={{mt: 5}}>
Datenschutz hat einen besonders hohen Stellenwert für uns.