Optimized the Privacy.jsx for mobile devices
This commit is contained in:
parent
12e062e1ae
commit
37ab121979
@ -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.
|
||||
|
Loading…
x
Reference in New Issue
Block a user