correction graphique

src/components/Task/Task.module.css

@@ -2,7 +2,6 @@
     width: 100%;
     padding: 12px;
     margin-bottom: 10px;
-    border-radius: 8px;
 }
 
 .content {

src/components/Task/Task.tsx

@@ -52,7 +52,7 @@ const Task: React.FC<TaskProps> = ({ task }) => {
     }, [task.events_id]);
 
     return (
-        <div className={`${styles.task} glassCard`}>
+        <div className={`${styles.task} glassBorder`}>
             <div className={styles.content}>
                 <div>
                     <h2>

src/pages/Admin/components/IncompleteEvent/IncompleteEvent.jsx

@@ -11,7 +11,7 @@ function IncompleteEvent() {
             <h2>Derniers événements</h2>
             <div className={styles.eventsContainer}>
                 {events.map((event) => (
-                    <div key={event.id} className={`glassCard ${styles.eventCard}`}>
+                    <div key={event.id} className={`glassBorder ${styles.eventCard}`}>
                         <h3>{event.name}</h3>
                         <p className={styles.eventDate}>
                             {new Date(event.start).toLocaleDateString("fr-FR")} - {new Date(event.end).toLocaleDateString("fr-FR")}

src/pages/Admin/components/IncompleteEvent/IncompleteEvent.module.css

@@ -29,17 +29,18 @@
   transform: translateX(20px);
   animation: slideInEvent 1s ease forwards;
   flex-shrink: 0;
+  padding: 10px;
 }
 
 .eventCard ul {
   align-items: center;
-  margin-left: 8%;
+  margin-left: 5%;
-  padding-left: 15px;
 }
 
 .eventCard ul li {
   text-align: left;
   list-style-type: circle;
+  list-style: none;
 }
 
 .eventCard > h3 {

src/pages/Admin/components/pendingMembers/PendingMembers.jsx

@@ -58,7 +58,7 @@ function PendingMembers() {
 
                 {pendingMembers.map((member, index) => (
 
-                    <div key={index} className={`glassCard ${styles.memberCard}`}>
+                    <div key={index} className={`glassBorder ${styles.memberCard}`}>
 
                         <p>{member.name} {member.lastname}</p>
 

src/pages/Home/components/Calendar/calendar.jsx

@@ -5,7 +5,8 @@ import {EventContext} from "../../../../contexts/events/EventContext.js";
 import Button from "../../../../components/ui/button/button.jsx";
 import {AuthContext} from "../../../../contexts/auth/AuthContext.ts";
 
-function Calendar() {
+function
+Calendar() {
 
     const { user } = useContext(AuthContext);
 

src/pages/Profile/ProfilePage.tsx

@@ -54,8 +54,8 @@ interface AuthContextType {
 
 function ProfilePage() {
     const navigate = useNavigate();
-  const { id } = useParams();
+    const {id} = useParams();
-  const { user, update } = useContext(AuthContext) as AuthContextType;
+    const {user, update} = useContext(AuthContext) as AuthContextType;
     const [profileUser, setProfileUser] = useState<User | null>(null);
     const [profilePicture, setProfilePicture] = useState<string | null>(null);
     const [error, setError] = useState<string | null>(null);
@@ -164,7 +164,7 @@ function ProfilePage() {
                         ref={fileInputRef}
                         onChange={handleFileChange}
                         accept="image/*"
-            style={{ display: "none" }}
+                        style={{display: "none"}}
                     />
                     {error && <p className={styles.errorMessage}>{error}</p>}
                     {success && <p className={styles.successMessage}>{success}</p>}
@@ -175,14 +175,15 @@ function ProfilePage() {
                                 {profileUser?.name} {profileUser?.lastname}
                             </h2>
                             {user?.isAdmin && profileUser && !isOwnProfile && (
-                <ManageMember userToManage={profileUser} />
+                                <ManageMember userToManage={profileUser}/>
                             )}
                         </div>
 
                         <div className={styles.topDescription}>
                             <div className={`${styles.infoBlock} glassBorder`}>
                                 <p><strong>Role :</strong> {profileUser?.role}</p>
-                <p><strong>Membre depuis :</strong> {profileUser && formatDate(profileUser.created_at)}</p>
+                                <p><strong>Membre depuis :</strong> {profileUser && formatDate(profileUser.created_at)}
+                                </p>
                             </div>
 
                             <div className={`${styles.infoBlock} glassBorder`}>
@@ -192,14 +193,14 @@ function ProfilePage() {
 
                             {isOwnProfile && (
                                 <div className={styles.settingImage}>
-                  <SettingsModal />
+                                    <SettingsModal/>
                                 </div>
                             )}
                         </div>
 
                         <h2>Tâches :</h2>
                             {profileUser?.tasks.length ? (
-              profileUser.tasks.map((task) => <Task key={task.id} task={task} />)
+                                profileUser.tasks.map((task) =><Task key={task.id} task={task}/>)
                             ) : (
                                 <p>Aucune tâche.</p>
                             )}