From 6bce7f6e38ea7e9ea68ae268376fb2549a81b72a Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Tue, 8 Apr 2025 10:30:01 +0900
Subject: [PATCH] =?UTF-8?q?=ED=94=84=EB=A1=9C=ED=95=84=20style=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/user/RegisterForm.vue    | 4 ++--
 src/components/vacation/ProfileList.vue | 2 +-
 src/views/mypage/MyPage.vue             | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/user/RegisterForm.vue b/src/components/user/RegisterForm.vue
index 3f5edc3..7db7b41 100644
--- a/src/components/user/RegisterForm.vue
+++ b/src/components/user/RegisterForm.vue
@@ -3,9 +3,9 @@
         <div class="text-center">
             <label
                 for="profilePic"
-                class="rounded-circle m-auto ui-bg-cover position-relative cursor-pointer"
+                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"
+                style="width: 100px; height: 100px; background-image: url(img/avatars/default-Profile.jpg); background-repeat: no-repeat; background-size: contain;"
             >
             </label>
 
diff --git a/src/components/vacation/ProfileList.vue b/src/components/vacation/ProfileList.vue
index 457237f..7abd05c 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 profile-img"
+                    class="rounded-circle object-fit-contain"
                     :src="getUserProfileImage(user.MEMBERPRF)"
                     alt="user"
                     :style="getDynamicStyle(user)"
diff --git a/src/views/mypage/MyPage.vue b/src/views/mypage/MyPage.vue
index 0e27ae8..c95f99a 100644
--- a/src/views/mypage/MyPage.vue
+++ b/src/views/mypage/MyPage.vue
@@ -6,11 +6,11 @@
         <div class="text-center">
         <label
             for="profilePic"
-            class="rounded-circle m-auto ui-bg-cover position-relative cursor-pointer"
+            class="rounded-circle cursor-pointer"
             id="profileLabel"
             :style="profilePreviewStyle"
         ></label>
-        <input type="file" id="profilePic" class="d-none" @change="profileUpload" />
+        <input type="file" id="profilePic" class="d-none object-fit-contain" @change="profileUpload" />
         <span v-if="profilerr" class="invalid-feedback d-block">{{ profilerr }}</span>
         </div>
 
@@ -186,7 +186,7 @@ const profilePreviewStyle = computed(() => ({
     height: '100px',
     backgroundImage: `url(${profile.value})`,
     backgroundRepeat: 'no-repeat',
-    backgroundSize: 'cover',
+    backgroundSize: 'contain',
     backgroundPosition: 'center'
 }));