diff --git a/public/css/custom.css b/public/css/custom.css index 5f95305..4091d2a 100644 --- a/public/css/custom.css +++ b/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; diff --git a/src/components/vacation/ProfileList.vue b/src/components/vacation/ProfileList.vue index 7fa0981..1d7b593 100644 --- a/src/components/vacation/ProfileList.vue +++ b/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 { diff --git a/src/views/vacation/VacationManagement.vue b/src/views/vacation/VacationManagement.vue index d3c4fae..4031c79 100644 --- a/src/views/vacation/VacationManagement.vue +++ b/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;