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