.,,

src/views/people/PeopleList.vue

@@ -41,8 +41,7 @@
         <button class="close-btn" @click="closeModal">×</button>
         <div class="modal-body">
             <img
-            style="cursor: auto;"
+            class="rounded-circle modal-img object-fit-cover pointer"
-            class="rounded-circle modal-img object-fit-cover"
             :src="getProfileImage(selectedPerson.MEMBERPRF)"
             :style="{ borderColor: selectedPerson.usercolor }"
             @error="setDefaultImage"
@@ -54,7 +53,7 @@
             <hr />
             <!-- 추가 정보: 사용자가 속한 프로젝트 목록 -->
             <h5>참여 프로젝트</h5>
-            <div v-if="memberProjects.length > 0">
+            <div v-if="memberProjects.length > 0" class="project-list-container">
             <ul>
                 <li
                 v-for="(project, idx) in memberProjects"
@@ -64,13 +63,14 @@
                 <span class="project-name">{{ project.PROJCTNAM }}</span>
                 <span class="project-period">
                     <!-- projectEndDate가 있는 경우 -->
-                    <template v-if="project.projectEndDate">
+                    <!-- <template v-if="project.projectEndDate"> -->
-                    {{ project.userStartDate ? project.userStartDate : project.projectStartDate }} ~ {{ project.userEndDate ? project.userEndDate : project.projectEndDate }}
-                    </template>
-                    <!-- 없으면 종료일 표시 안함 -->
-                    <template v-else>
                     {{ project.userStartDate ? project.userStartDate : project.projectStartDate }} ~
-                    </template>
+                    {{ project.userEndDate ? project.userEndDate : project.projectEndDate }}
+                    <!-- </template> -->
+                    <!-- 없으면 종료일 표시 안함 -->
+                    <!-- <template v-else>
+                    {{ project.userStartDate ? project.userStartDate : project.projectStartDate }} ~
+                    </template> -->
                 </span>
                 </li>
             </ul>
@@ -124,7 +124,7 @@ setup() {
     event.target.src = defaultProfile
     }
 
-    // 참여 프로젝트
+    // 참여 프로젝트 조회 API
     const fetchMemberProjects = async (memberSeq) => {
     try {
         const res = await axios.get(`project/people/${memberSeq}`)
@@ -267,6 +267,12 @@ object-fit: cover;
 }
 
 /* 프로젝트 리스트 스타일 */
+.project-list-container {
+max-height: 200px; /* 필요에 따라 높이 조절 */
+overflow-y: auto;
+margin-top: 1rem;
+}
+
 .project-item {
 display: flex;
 align-items: center;