From 10068bb1c7b2f0d499ef2024c00ee3ff44bf8db2 Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Tue, 8 Apr 2025 14:28:33 +0900
Subject: [PATCH 1/3] .

---
 public/css/custom.css                            | 2 +-
 src/components/commuters/CommuterCalendar.vue    | 6 +++---
 src/components/commuters/CommuterProjectList.vue | 2 +-
 src/components/vacation/ProfileList.vue          | 2 +-
 src/layouts/TheTop.vue                           | 2 +-
 src/stores/useWeatherStore.js                    | 1 -
 src/views/mypage/MyPage.vue                      | 2 +-
 7 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/public/css/custom.css b/public/css/custom.css
index d1c6f37..9356de3 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -752,7 +752,7 @@
     width: 80px;
     height: 80px;
     border-radius: 50%;
-    object-fit: contain;
+    object-fit: cover;
     margin-bottom: 10px;
 }
 .switch {
diff --git a/src/components/commuters/CommuterCalendar.vue b/src/components/commuters/CommuterCalendar.vue
index eec66c2..82878d3 100644
--- a/src/components/commuters/CommuterCalendar.vue
+++ b/src/components/commuters/CommuterCalendar.vue
@@ -4,7 +4,7 @@
             <div class="row g-0">
                 <div class="col-3 border-end text-center" id="app-calendar-sidebar">
                     <div class="card-body">
-                        <img v-if="user" :src="`${baseUrl}upload/img/profile/${user.profile}`" alt="Profile Image" class="w-px-50 h-px-50 rounded-circle object-fit-contain" @error="$event.target.src = '/img/icons/icon.png'"/>
+                        <img v-if="user" :src="`${baseUrl}upload/img/profile/${user.profile}`" alt="Profile Image" class="w-px-50 h-px-50 rounded-circle object-fit-cover" @error="$event.target.src = '/img/icons/icon.png'"/>
                         <p class="mt-2 fw-bold">
                             {{ user.name }}
                         </p>
@@ -60,7 +60,7 @@
                     <div class="row my-2 d-flex align-items-center">
                         <div class="col-4">
                             <img :src="`${baseUrl}upload/img/profile/${commuter.profile}`"
-                            class="me-2 w-px-50 h-px-50 rounded-circle object-fit-contain"
+                            class="me-2 w-px-50 h-px-50 rounded-circle object-fit-cover"
                             @error="$event.target.src = '/img/icons/icon.png'">
 
                             <span class="fw-bold">{{ commuter.memberName }}</span>
@@ -399,7 +399,7 @@ const loadCommuters = async () => {
                     // 프로필 이미지 생성
                     const profileImg = document.createElement('img');
                     profileImg.src = `${baseUrl}upload/img/profile/${commuter.profile}`;
-                    profileImg.className = 'rounded-circle w-px-20 h-px-20 mx-1 mb-1 position-relative z-5 m-auto object-fit-contain';
+                    profileImg.className = 'rounded-circle w-px-20 h-px-20 mx-1 mb-1 position-relative z-5 m-auto object-fit-cover';
                     profileImg.style.border = `2px solid ${commuter.projctcolor}`;
                     profileImg.onerror = () => { profileImg.src = '/img/icons/icon.png'; };
 
diff --git a/src/components/commuters/CommuterProjectList.vue b/src/components/commuters/CommuterProjectList.vue
index 31832a4..3aa4d4a 100644
--- a/src/components/commuters/CommuterProjectList.vue
+++ b/src/components/commuters/CommuterProjectList.vue
@@ -23,7 +23,7 @@
                         <img
                             :src="`${baseUrl}upload/img/profile/${commuter.profile}`"
                             alt="User Profile"
-                            class="rounded-circle object-fit-contain"
+                            class="rounded-circle object-fit-cover"
                             :class="isCurrentUser(commuter) ? 'cursor-pointer' : ''"
                             :draggable="isCurrentUser(commuter)"
                             @dragstart="isCurrentUser(commuter) ? dragStart($event, post) : null"
diff --git a/src/components/vacation/ProfileList.vue b/src/components/vacation/ProfileList.vue
index 7abd05c..68d18e1 100644
--- a/src/components/vacation/ProfileList.vue
+++ b/src/components/vacation/ProfileList.vue
@@ -17,7 +17,7 @@
                     class="start-50 translate-middle crown-icon"
                 />
                 <img
-                    class="rounded-circle object-fit-contain"
+                    class="rounded-circle object-fit-cover"
                     :src="getUserProfileImage(user.MEMBERPRF)"
                     alt="user"
                     :style="getDynamicStyle(user)"
diff --git a/src/layouts/TheTop.vue b/src/layouts/TheTop.vue
index 6159331..e9e81d4 100644
--- a/src/layouts/TheTop.vue
+++ b/src/layouts/TheTop.vue
@@ -177,7 +177,7 @@
                             v-if="user"
                             :src="`${baseUrl}upload/img/profile/${user.profile}`"
                             alt="Profile Image"
-                            class="w-px-40 h-px-40 rounded-circle border border-3 object-fit-contain"
+                            class="w-px-40 h-px-40 rounded-circle border border-3 object-fit-cover"
                             :style="`border-color: ${user.usercolor} !important;`"
                             @error="$event.target.src = '/img/icons/icon.png'"
                         />
diff --git a/src/stores/useWeatherStore.js b/src/stores/useWeatherStore.js
index e737c56..31fac05 100644
--- a/src/stores/useWeatherStore.js
+++ b/src/stores/useWeatherStore.js
@@ -76,7 +76,6 @@ export const useWeatherStore = defineStore('weather', () => {
         const now = new Date();
         const pad = n => String(n).padStart(2, '0');
         const key = `weather_${pad(now.getMonth() + 1)}${pad(now.getDate())}${pad(now.getHours())}${pad(Math.floor(now.getMinutes() / 10) * 10)}`;
-
         const cached = localStorage.getItem(key);
         if (cached) {
             const parsed = JSON.parse(cached);
diff --git a/src/views/mypage/MyPage.vue b/src/views/mypage/MyPage.vue
index c95f99a..8dc832a 100644
--- a/src/views/mypage/MyPage.vue
+++ b/src/views/mypage/MyPage.vue
@@ -10,7 +10,7 @@
             id="profileLabel"
             :style="profilePreviewStyle"
         ></label>
-        <input type="file" id="profilePic" class="d-none object-fit-contain" @change="profileUpload" />
+        <input type="file" id="profilePic" class="d-none object-fit-cover" @change="profileUpload" />
         <span v-if="profilerr" class="invalid-feedback d-block">{{ profilerr }}</span>
         </div>
 

From 70143f31747bd51ca7d0b464ad2622dac1ceb159 Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Tue, 8 Apr 2025 14:30:44 +0900
Subject: [PATCH 2/3] .

---
 src/views/mypage/MyPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/mypage/MyPage.vue b/src/views/mypage/MyPage.vue
index 8dc832a..bee8fbd 100644
--- a/src/views/mypage/MyPage.vue
+++ b/src/views/mypage/MyPage.vue
@@ -186,7 +186,7 @@ const profilePreviewStyle = computed(() => ({
     height: '100px',
     backgroundImage: `url(${profile.value})`,
     backgroundRepeat: 'no-repeat',
-    backgroundSize: 'contain',
+    backgroundSize: 'cover',
     backgroundPosition: 'center'
 }));
 

From 4f9a87908381bb8c3bb294d7e2e28136a544460d Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Tue, 8 Apr 2025 14:37:13 +0900
Subject: [PATCH 3/3] .

---
 src/components/main/MainVote.vue                        | 2 +-
 src/components/main/MainWordDict.vue                    | 2 +-
 src/components/user/RegisterForm.vue                    | 2 +-
 src/components/user/UserList.vue                        | 2 +-
 src/components/voteboard/voteCard.vue                   | 2 +-
 src/components/voteboard/voteCompleteUserListCard.vue   | 2 +-
 src/components/voteboard/voteInCompleteUserListCard.vue | 2 +-
 src/components/wordDict/DictCard.vue                    | 4 ++--
 8 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/main/MainVote.vue b/src/components/main/MainVote.vue
index 92b42ac..5d61d1b 100644
--- a/src/components/main/MainVote.vue
+++ b/src/components/main/MainVote.vue
@@ -25,7 +25,7 @@
                                 <div class="avatar flex-shrink-0 me-1">
                                     <img
                                         style="cursor: auto;"
-                                        class="rounded-circle user-avatar object-fit-contain"
+                                        class="rounded-circle user-avatar object-fit-cover"
                                         :src="getProfileImage(item.localVote.MEMBERPRF)"
                                         alt="최초 작성자"
                                         :style="{ borderColor: item.localVote.usercolor }"
diff --git a/src/components/main/MainWordDict.vue b/src/components/main/MainWordDict.vue
index 8bbe877..1c89f7a 100644
--- a/src/components/main/MainWordDict.vue
+++ b/src/components/main/MainWordDict.vue
@@ -21,7 +21,7 @@
                     <!-- 프로필 이미지 -->
                     <div class="avatar flex-shrink-0 me-2 d-flex align-items-center">
                         <img
-                            class="rounded-circle user-avatar object-fit-contain"
+                            class="rounded-circle user-avatar object-fit-cover"
                             :src="getProfileImage(item.lastEditor.profileImage)"
                             alt="최종 작성자"
                             :style="{ borderColor: item.lastEditor.color }"
diff --git a/src/components/user/RegisterForm.vue b/src/components/user/RegisterForm.vue
index 7db7b41..cd2482f 100644
--- a/src/components/user/RegisterForm.vue
+++ b/src/components/user/RegisterForm.vue
@@ -5,7 +5,7 @@
                 for="profilePic"
                 class="rounded-circle m-auto ui-bg-cover position-relative cursor-pointer "
                 id="profileLabel"
-                style="width: 100px; height: 100px; background-image: url(img/avatars/default-Profile.jpg); background-repeat: no-repeat; background-size: contain;"
+                style="width: 100px; height: 100px; background-image: url(img/avatars/default-Profile.jpg); background-repeat: no-repeat; background-size: cover;"
             >
             </label>
 
diff --git a/src/components/user/UserList.vue b/src/components/user/UserList.vue
index c7374c0..729e775 100644
--- a/src/components/user/UserList.vue
+++ b/src/components/user/UserList.vue
@@ -14,7 +14,7 @@
             :data-bs-original-title="getTooltipTitle(user)"
         >
             <img
-                class="user-avatar border border-3 rounded-circle object-fit-contain"
+                class="user-avatar border border-3 rounded-circle object-fit-cover"
                 :class="{ 'grayscaleImg': isUserDisabled(user) }"
                 :src="`${baseUrl}upload/img/profile/${user.MEMBERPRF}`"
                 :style="`border-color: ${user.usercolor} !important;`"
diff --git a/src/components/voteboard/voteCard.vue b/src/components/voteboard/voteCard.vue
index c590257..5dc88ff 100644
--- a/src/components/voteboard/voteCard.vue
+++ b/src/components/voteboard/voteCard.vue
@@ -4,7 +4,7 @@
             <h5 class="card-title mb-1">
                 <div class="list-unstyled users-list d-flex align-items-center gap-1">
                     <img
-                    class="object-fit-contain rounded-circle user-avatar border border-3 w-px-40 h-px-40"
+                    class="object-fit-cover rounded-circle user-avatar border border-3 w-px-40 h-px-40"
                     :src="`${baseUrl}upload/img/profile/${data.localVote.MEMBERPRF}`"
                     :style="`border-color: ${data.localVote.usercolor} !important;`"
                     @error="$event.target.src = '/img/icons/icon.png'"
diff --git a/src/components/voteboard/voteCompleteUserListCard.vue b/src/components/voteboard/voteCompleteUserListCard.vue
index 92261b6..13668da 100644
--- a/src/components/voteboard/voteCompleteUserListCard.vue
+++ b/src/components/voteboard/voteCompleteUserListCard.vue
@@ -7,7 +7,7 @@
     :aria-label="data.MEMBERSEQ"
     :data-bs-original-title="getTooltipTitle(data)">
         <img
-            class="rounded-circle user-avatar border border-3 object-fit-contain"
+            class="rounded-circle user-avatar border border-3 object-fit-cover"
             :src="`${baseUrl}upload/img/profile/${data.MEMBERPRF}`"
             :style="`border-color: ${data.usercolor} !important; width: 90%; height: 90%;`"
             @error="$event.target.src = '/img/icons/icon.png'"
diff --git a/src/components/voteboard/voteInCompleteUserListCard.vue b/src/components/voteboard/voteInCompleteUserListCard.vue
index cc4bed4..7b066ea 100644
--- a/src/components/voteboard/voteInCompleteUserListCard.vue
+++ b/src/components/voteboard/voteInCompleteUserListCard.vue
@@ -7,7 +7,7 @@
     :aria-label="data.MEMBERSEQ"
     :data-bs-original-title="getTooltipTitle(data)">
         <img
-            class="rounded-circle user-avatar border border-3 object-fit-contain"
+            class="rounded-circle user-avatar border border-3 object-fit-cover"
             :src="`${baseUrl}upload/img/profile/${data.MEMBERPRF}`"
             :style="`border-color: ${data.usercolor} !important;  width: 90%; height: 90%;`"
             @error="$event.target.src = '/img/icons/icon.png'"
diff --git a/src/components/wordDict/DictCard.vue b/src/components/wordDict/DictCard.vue
index ef34d1a..2028c9d 100644
--- a/src/components/wordDict/DictCard.vue
+++ b/src/components/wordDict/DictCard.vue
@@ -32,7 +32,7 @@
                 <div class="d-flex flex-wrap align-items-center me-4">
                     <div class="avatar me-2">
                     <img
-                        class="rounded-circle user-avatar object-fit-contain"
+                        class="rounded-circle user-avatar object-fit-cover"
                         :src="getProfileImage(item.author.profileImage)"
                         alt="최초 작성자"
                         :style="{ borderColor: item.author.color }"
@@ -51,7 +51,7 @@
                 >
                     <div class="avatar me-2">
                     <img
-                        class="rounded-circle user-avatar object-fit-contain"
+                        class="rounded-circle user-avatar object-fit-cover"
                         :src="getProfileImage(item.lastEditor.profileImage)"
                         alt="최근 작성자"
                         :style="{ borderColor: item.lastEditor.color }"