프로필 style 수정

This commit is contained in:
dyhj625 2025-04-08 10:30:01 +09:00
parent 683e06424e
commit 6bce7f6e38
3 changed files with 6 additions and 6 deletions

View File

@ -3,9 +3,9 @@
<div class="text-center"> <div class="text-center">
<label <label
for="profilePic" 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" 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> </label>

View File

@ -17,7 +17,7 @@
class="start-50 translate-middle crown-icon" class="start-50 translate-middle crown-icon"
/> />
<img <img
class="rounded-circle profile-img" class="rounded-circle object-fit-contain"
:src="getUserProfileImage(user.MEMBERPRF)" :src="getUserProfileImage(user.MEMBERPRF)"
alt="user" alt="user"
:style="getDynamicStyle(user)" :style="getDynamicStyle(user)"

View File

@ -6,11 +6,11 @@
<div class="text-center"> <div class="text-center">
<label <label
for="profilePic" for="profilePic"
class="rounded-circle m-auto ui-bg-cover position-relative cursor-pointer" class="rounded-circle cursor-pointer"
id="profileLabel" id="profileLabel"
:style="profilePreviewStyle" :style="profilePreviewStyle"
></label> ></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> <span v-if="profilerr" class="invalid-feedback d-block">{{ profilerr }}</span>
</div> </div>
@ -186,7 +186,7 @@ const profilePreviewStyle = computed(() => ({
height: '100px', height: '100px',
backgroundImage: `url(${profile.value})`, backgroundImage: `url(${profile.value})`,
backgroundRepeat: 'no-repeat', backgroundRepeat: 'no-repeat',
backgroundSize: 'cover', backgroundSize: 'contain',
backgroundPosition: 'center' backgroundPosition: 'center'
})); }));