Add avatar placeholer when avatar is empty

This commit is contained in:
Eli Ribble 2026-04-01 14:48:31 +00:00
parent 0ecf9c1be1
commit c253e655b1
No known key found for this signature in database
3 changed files with 142 additions and 78 deletions

View file

@ -5,7 +5,10 @@
object-fit: cover;
border: 3px solid #dee2e6;
}
.bi-avatar {
height: 128px;
width: 128px;
}
.btn-close-white {
opacity: 0.8;
}
@ -47,7 +50,9 @@ pre {
<label class="form-label fw-bold">Avatar</label>
<div class="d-flex align-items-center">
<div class="position-relative">
<i v-if="avatar == ''" class="bi bi-avatar"></i>
<img
v-else
:src="avatar || defaultAvatar"
alt="User Avatar"
class="rounded-circle avatar-preview"