Fixed mobile optimization in the Help.jsx

This commit is contained in:
Mathias Wagner 2023-07-08 22:26:37 +02:00
parent 6e9c92ac10
commit f550a3aca1
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

@ -5,12 +5,13 @@ import Question from "@/pages/Help/components/Question";
export const Help = () => {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down("lg"));
const isMobile = useMediaQuery(theme.breakpoints.down("md"));
const [currentTab, setCurrentTab] = useState(0);
return (
<Stack direction="column" justifyContent="center" sx={{mt: 15, ml: "auto", mr: "auto", width: "60%"}}>
<Stack direction="column" justifyContent="center"
sx={{mt: 15, ml: {lg: "auto", xs: "0"}, mr: {lg: "auto", xs: "0"}, width: {lg: "60%", xs: "100%"}}}>
<Stack direction="row" justifyContent="space-between">
<Stack direction="column" justifyContent="center" sx={{width: "33rem"}}>
<Typography variant="h3" fontWeight={700} color="black">Sie benötigen Hilfe?</Typography>