From e49630ea70f6b5611d3eb8825b6801d4667d2183 Mon Sep 17 00:00:00 2001
From: jyc0328 <sykc2002@gmail.com>
Date: Sat, 17 Aug 2024 19:15:30 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=ED=8C=94=EB=A1=9C=EC=9B=8C=20?=
 =?UTF-8?q?=ED=8C=94=EB=A1=9C=EC=9E=89=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../userProfile/followModal/Follower.module.scss       |  5 ++---
 src/components/userProfile/followModal/Follower.tsx    |  4 ++--
 .../userProfile/followModal/Following.module.scss      | 10 ++++------
 src/components/userProfile/followModal/Following.tsx   |  6 +++++-
 4 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/userProfile/followModal/Follower.module.scss b/src/components/userProfile/followModal/Follower.module.scss
index b2e8163..b415085 100644
--- a/src/components/userProfile/followModal/Follower.module.scss
+++ b/src/components/userProfile/followModal/Follower.module.scss
@@ -57,7 +57,7 @@
 }
 
 .userList {
-  flex: 1;
+  width: 380px;
   overflow-y: auto;
   margin-top: 8px;
   padding-right: 4px; 
@@ -73,8 +73,7 @@
   align-items: center;
   flex-direction: row;
   width: 380px;
-  height: 60px;
-  padding: 8px;
+  height: 52px;
   margin-bottom: 8px;
   border-radius: 6px;
   justify-content: space-between;
diff --git a/src/components/userProfile/followModal/Follower.tsx b/src/components/userProfile/followModal/Follower.tsx
index b93a153..5bd6415 100644
--- a/src/components/userProfile/followModal/Follower.tsx
+++ b/src/components/userProfile/followModal/Follower.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
-import styles from './Following.module.scss';
+import styles from './Follower.module.scss';
 import { ReactComponent as IcoFollower } from '../../../assets/ico_user_follower.svg';
 import { ReactComponent as ModalClose } from '../../../assets/btn_followmodal_close.svg';
 import { ReactComponent as Search } from '../../../assets/ico_search.svg';
@@ -49,7 +49,7 @@ const Follower = ({ onClose }: { onClose: () => void }) => {
                         src={user.profileImageUrl}
                         alt="mapImage"
                         className={styles.userProfilePic}
-                      />
+                />
                 <div className={styles.userName}>{user.nickname}</div>
               </div>
               <button className={styles.isFollow}>
diff --git a/src/components/userProfile/followModal/Following.module.scss b/src/components/userProfile/followModal/Following.module.scss
index 7cfd9a8..f588600 100644
--- a/src/components/userProfile/followModal/Following.module.scss
+++ b/src/components/userProfile/followModal/Following.module.scss
@@ -56,17 +56,16 @@
   color: var(--gray_400);
 }
 
-
 .userList {
-  flex: 1;
+  width: 380px;
   overflow-y: auto;
   margin-top: 8px;
-  padding-right: 4px; /* To ensure padding when scrolling */
+  padding-right: 4px; 
   gap: 6px;
 }
 
 ::-webkit-scrollbar {
-  width: 6px; /* 스크롤 바의 너비 */
+  width: 6px;
 }
 
 .userItem {
@@ -75,7 +74,6 @@
   flex-direction: row;
   width: 380px;
   height: 52px;
-  padding: 8px;
   margin-bottom: 8px;
   border-radius: 6px;
   justify-content: space-between;
@@ -92,7 +90,7 @@
   width: 40px;
   height: 40px;
   border-radius: 100px;
-  margin-right: 12px;
+  margin-right: 2px;
   border: 1px;
 }
 
diff --git a/src/components/userProfile/followModal/Following.tsx b/src/components/userProfile/followModal/Following.tsx
index e595e6c..10ac3b4 100644
--- a/src/components/userProfile/followModal/Following.tsx
+++ b/src/components/userProfile/followModal/Following.tsx
@@ -46,7 +46,11 @@ const Following = ({ onClose }: { onClose: () => void }) => {
           {followingUsers.map((user: any) => (
             <div key={user.userId} className={styles.userItem}>
               <div className={styles.userInfo}>
-                <User/>
+              <img
+                        src={user.profileImageUrl}
+                        alt="mapImage"
+                        className={styles.userProfilePic}
+                      />
                 <div className={styles.userName}>{user.nickname}</div>
               </div>
               <button className={styles.isFollow}>