merge responsive

This commit is contained in:
p2405951 committed 2026-01-14 22:19:59 +01:00
commit 0888bb73f9
22 files changed
+154 -45

No files matched your search

@@ -45,7 +45,7 @@ export default function VolunteerProfilePage() {
<div className={styles.description}>
<div className={styles.headerProfile}>
<h2> {user.name} {user.lastname} </h2>
{currentUser?.isAdmin && <ManageMember user={user} />}
{currentUser?.isAdmin && <ManageMember userToManage={user} />}
</div>
<div className={styles.topDescription}>
<div className={`${styles.infoBlock} glassBorder`}>
+1 -1
View File
@@ -15,7 +15,7 @@ export default function VolunteerCard({ user }) {
const navigate = useNavigate();
return (
<div className={`${styles.profileboard} glassCard`}>
<div className={`${styles.profileboard} glassCard`} onClick={(() => setIsExpanded(!isExpanded))}>
<div className={styles.header}>
<h2 className={styles.userName}>
@@ -67,4 +67,15 @@
display: flex;
flex-direction: row;
gap: 10px;
}
@media screen and (max-width: 768px) {
.eventContent {
flex-direction: column;
}
.textImage {
flex-direction: column;
}
}
@@ -3,7 +3,7 @@ import Background from "../../components/background/background.jsx";
import Button from "../../components/ui/button/button.jsx";
import { useContext } from "react";
import { AuthContext } from "../../contexts/auth/AuthContext.js";
import { Navigate, useNavigate } from "react-router";
import { Navigate, useNavigate, Link } from "react-router";
export default function ValidationErrorPage() {
@@ -22,7 +22,11 @@ export default function ValidationErrorPage() {
<h1 className={styles.title}> Votre compte n'a pas été validé </h1>
<div className={`${styles.container} glassCard`}>
<p> Votre compte n'a pas encore été validé, veuillez attendre la vérification de votre compte par un membre autorisé. </p>
<p> Contact : contact@example.com </p>
<p> Contact :
<Link to={"https://comite.beaupont.fr/contactez-nous"} className={styles.link}>
https://comite.beaupont.fr/contactez-nous
</Link>
</p>
<Button variant={"danger"} onClick={handleLogout}> Déconnexion </Button>
</div>
</div>