popup follower du profil corriger

Site Web/client/src/pages/Profil.js

@@ -165,55 +165,53 @@ const Profil = () => {
                   </div> 
                 </div>
                   {followingPopup && (
-                                <div className="popup-profil-container">
-                                <div className="modal">
-                                    <h3>Abonnements</h3>
-                                    <span className="cross" onClick={() => setFollowingPopup(false)}>
-                                    &#10005;
-                                    </span>
-                                    <ul>
-                                        {
-                                            userData.following.map((follower, i) => {
-                                                return (
-                                                    <li key={i}>
-                                                        <MiniProfil uid={follower}/>
-                                                        <div classNameName="follow-handler">
-                                                            <FollowHandler idToFollow={uid} type={'card'}/>
-                                                        </div>
-                                                    </li>
-                                                )
-                                            })
-                                        }
-                                    </ul>
-                                </div>
-                                </div>
-                            )}
-                            {followerPopup && (
-                                <div classNameName="popup-profil-container">
-                                <div classNameName="modal">
-                                    <h3>Abonnés</h3>
-                                    <span classNameName="cross" onClick={() => setFollowerPopup(false)}>
-                                    &#10005;
-                                    </span>
-                                    <ul>
-                                        {
-                                            userData.followers.map((follower, i) => {
-                                                return (
-                                                    <li key={i}>
-                                                        <MiniProfil uid={follower}/>
-                                                        <div classNameName="follow-handler">
-                                                            <FollowHandler idToFollow={uid} type={'card'}/>
-                                                        </div>
-                                                    </li>
-                                                )
-                                            })
-                                        }
-                                    </ul>
-                                </div>
-                                </div>
-                            )}
-
-                
+                      <div className="popup-profil-container">
+                          <div className="modal">
+                              <h3>Abonnements</h3>
+                              <span className="cross" onClick={() => setFollowingPopup(false)}>
+                                  &#10005;
+                              </span>
+                              <ul>
+                                  {
+                                      userData.following.map((follower, i) => {
+                                          return (
+                                              <li key={i}>
+                                                  <MiniProfil uid={follower}/>
+                                                  <div classNameName="follow-handler">
+                                                      <FollowHandler idToFollow={uid} type={'card'}/>
+                                                  </div>
+                                              </li>
+                                          )
+                                      })
+                                  }
+                              </ul>
+                          </div>
+                      </div>
+                  )}
+                {followerPopup && (
+                    <div className="popup-profil-container">
+                        <div className="modal">
+                            <h3>Abonnements</h3>
+                            <span className="cross" onClick={() => setFollowerPopup(false)}>
+                                  &#10005;
+                              </span>
+                            <ul>
+                                {
+                                    userData.followers.map((follower, i) => {
+                                        return (
+                                            <li key={i}>
+                                                <MiniProfil uid={follower}/>
+                                                <div classNameName="follow-handler">
+                                                    <FollowHandler idToFollow={uid} type={'card'}/>
+                                                </div>
+                                            </li>
+                                        )
+                                    })
+                                }
+                            </ul>
+                        </div>
+                    </div>
+                )}
             </div>
 
 

Site Web/client/src/styles/pages/_profil.scss

@@ -59,6 +59,7 @@
       position: absolute;
       top: 10%;
       left: 50%;
+      width: 500px;
       transform: translate(-100%);
       background: $color-2;
       padding: 25px;
@@ -223,7 +224,7 @@ width: 10%;
 
 .imageProfil{
   display: flex;
-justify-content: center;
+  justify-content: center;
 }
 
 .flex-menu {