프로필 style 수정
This commit is contained in:
parent
683e06424e
commit
6bce7f6e38
@ -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>
|
||||
|
||||
|
||||
@ -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)"
|
||||
|
||||
@ -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'
|
||||
}));
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user