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

Fixed mobile optimization in the Help.jsx

Browse Source
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
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/Help/Help.jsx
View File

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