휴가 css 수정

public/css/custom.css

@@ -211,7 +211,7 @@ cursor: not-allowed !important;
   justify-content: flex-start;
   gap: 10px;
   padding: 0;
-  margin-left: 20px;
+  margin-left: 12%;
 }
 .profile-img {
   transition: all 0.2s ease-in-out;

src/components/vacation/ProfileList.vue

@@ -86,15 +86,15 @@ const profileSize = computed(() => {
 const totalUsers = userList.value.length;
 
 if (windowWidth.value >= 1650) {
-    if (totalUsers <= 10) return "68px";
-    if (totalUsers <= 15) return "55px";
+    if (totalUsers <= 10) return "60px";
+    if (totalUsers <= 15) return "53px";
     return "45px";
-} else if (windowWidth.value >= 1300) {
-    if (totalUsers <= 10) return "45px";
-    if (totalUsers <= 15) return "40px";
-    return "30px";
+} else if (windowWidth.value >= 1400) {
+    if (totalUsers <= 10) return "48px";
+    if (totalUsers <= 15) return "30px";
+    return "20px";
 } else if (windowWidth.value >= 1024) {
-    if (totalUsers <= 10) return "40px";
+    if (totalUsers <= 10) return "35px";
     if (totalUsers <= 15) return "30px";
     return "20px";
 } else {

src/views/vacation/VacationManagement.vue

@@ -148,7 +148,7 @@ function handleMonthChange(viewInfo) {
     const year = currentDate.getFullYear();
     const month = String(currentDate.getMonth() + 1).padStart(2, "0");
     loadCalendarData(year, month);
-  }
+}
 // 캘린더 클릭
 function handleDateClick(info) {
     const clickedDateStr = info.dateStr;