Giovanni/SAE-BUT2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add event

Browse Source
This commit is contained in:
p2405951
2025-11-14 09:47:18 +01:00
parent 124fc305a0
commit d315dc8534
3 changed files with 2854 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+2763 -12
View File
File diff suppressed because it is too large Load Diff
src/pages/Profile/ProfilePage.jsx
+54 -3
View File
@@ -1,14 +1,65 @@
import styles from "./ProfilePage.module.css";
import LoginForm from "../../components/form/form.jsx";
function ProfilePage() {
return (
<div className={styles.container}>
<LoginForm />
<div className={styles.container}>
<div className={`${styles.profileboard} glassCard`}>
<div className={styles.contentWrapper}>
<div className={styles.profilePictureContainer}>
<img
src="../src/assets/react.svg"
alt="Photo de profil"
className={styles.profilePicture}
/>
</div>
<div className={styles.description}>
<h2>LEBLOND Malo</h2>
<div className={styles.topDescription}>
<div className={styles.infoBlock}>
<p><strong>Role :</strong> Président</p>
<p><strong>Membre depuis :</strong> 2019</p>
</div>
<div className={styles.infoBlock} >
<p><strong>Mail :</strong> mailpro@gmail.com</p>
<p><strong>Téléphone :</strong> 08 67 87 32 21</p>
</div>
</div>
<p>..............................................................................................................................................................................................</p>
<h2>Vos Evenements :</h2>
<div className={`${styles.event} glassCard`}>
<h3>Titre event</h3>
<ul>
<li>-- Votre tâche 1</li>
<li>-- Votre tâche 2</li>
<li>-- Votre tâche 3</li>
</ul>
</div>
<div className={`${styles.event} glassCard`}>
<h3>Titre event</h3>
<ul>
<li>-- Votre tâche 1</li>
<li>-- Votre tâche 2</li>
<li>-- Votre tâche 3</li>
</ul>
</div>
<div className={`${styles.event} glassCard`}>
<h3>Titre event</h3>
<ul>
<li>-- Votre tâche 1</li>
<li>-- Votre tâche 2</li>
<li>-- Votre tâche 3</li>
</ul>
</div>
</div>
</div>
</div>
</div>
);
}
export default ProfilePage;
src/pages/Profile/ProfilePage.module.css
+37
View File
@@ -0,0 +1,37 @@
.container{
width:100%;
display: flex;
justify-content: center;
}
.profileboard{
display: flex;
justify-content: center;
width:90%;
height:500px;
}
.contentWrapper{
display:flex;
width:90%;
}
.profilePictureContainer{
width:30%;
margin:0;
}
.profilePicture{
width:100%;
border:1px dotted rgb(77, 68, 68);
border-radius:12px;
}
.description{
margin-left:12%;
}
.topDescription{
display:flex;
}
.description h2{
font-size:30px;
}
.infoBlock p {
font-size: 22px;;
}