diff --git a/src/App.jsx b/src/App.jsx index 254bda7..5ff5932 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -9,6 +9,15 @@ function App() { return (
+
+ +
+
+ +

Logo diff --git a/src/admin/auth/Login.tsx b/src/admin/auth/Login.tsx index a00ae7c..2256890 100644 --- a/src/admin/auth/Login.tsx +++ b/src/admin/auth/Login.tsx @@ -52,7 +52,7 @@ export default function Login() { return (
-

Login

+

Administratoren-Bereich

setEmail(e.target.value)} diff --git a/src/admin/index.jsx b/src/admin/index.jsx index be05480..f6fda07 100644 --- a/src/admin/index.jsx +++ b/src/admin/index.jsx @@ -13,6 +13,8 @@ export default function Admin(props) { const [authUser, setAuthUser] = React.useState(false); const [loading, setLoading] = React.useState(true); + const [open, setOpen] = React.useState(true); + React.useEffect(() => { const listen = onAuthStateChanged(auth, (user) => { if (user) { @@ -40,8 +42,29 @@ export default function Admin(props) { return ( - + {open && } + {open && window.innerWidth < 1024 && ( +
setOpen(false)} + > + +
+ )} + + {window.innerWidth < 1024 && ( + setOpen(!open)} + > + )} {authUser.email}