mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-08 03:28:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor css and tsx files

Browse source
This commit is contained in:
luisa.bellitto 2025-06-26 09:18:22 +02:00
parent 59d21e07b0
commit 98ef4d441e
10 changed files with 205 additions and 214 deletions
Download patch file Download diff file Expand all files Collapse all files

17
code/frontend/src/pages/LoginAndSignUpPage.tsx
View file

@ -4,6 +4,7 @@ import api from "../api/axios";
import ButtonRotkehlchen from "../components/ButtonRotkehlchen";
import { useLocation, useNavigate } from "react-router-dom";
import { useAuth } from "../api/Auth";
import { createTheme, useMediaQuery } from "@mui/material";
type FormData = {
username: string;
@ -83,9 +84,23 @@ function LoginAndSignUpPage({ signupProp }: { signupProp: boolean }) {
[name]: value,
}));
};
const theme = createTheme({
breakpoints: {
values: {
xs: 0,
sm: 768,
md: 960,
lg: 1280,
xl: 1920,
},
},
});
const matchDownMd = useMediaQuery(theme.breakpoints.down('sm'));
return (
<div className="background">
<div className="login-login">
<div className={matchDownMd ? "login-login" : "login-login blue-background"}>
<div className="login-part">
<div className={signup ? "signup-image" : "login-image"}></div>
</div>