From e3403195957a8376077040378cec793d411e058a Mon Sep 17 00:00:00 2001 From: dyhj625 Date: Fri, 7 Mar 2025 14:19:12 +0900 Subject: [PATCH] =?UTF-8?q?=ED=9C=B4=EA=B0=80=20css=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/custom.css | 2 +- src/components/vacation/ProfileList.vue | 14 +++++++------- src/views/vacation/VacationManagement.vue | 2 +- 3 files changed, 9 insertions(+), 9 deletions(-) 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;