Added small pre-cached image pre-loading, fixed layout shift for user preview

This commit is contained in:
2025-11-06 09:26:05 +01:00
parent ffa7f25372
commit 16e82ab167

View File

@@ -659,7 +659,7 @@
<div class="modal-body">
<div class="row g-3">
<div class="col-md-4 text-center">
<img id="detailPhoto" alt="Photo" class="img-thumbnail rounded-circle" style="max-height:150px;" />
<img id="detailPhoto" alt="Photo" class="img-thumbnail rounded-circle" style="height:150px;" />
</div>
<div class="col-md-6">
<label class="form-label" for="detailUid">@T["Username"]</label>
@@ -759,7 +759,10 @@
const imgEl = row.querySelector('td:first-child img');
const detailPhoto = document.getElementById('detailPhoto');
detailPhoto.src = '';
detailPhoto.src = `/Home/UserPhoto?uid=${data.uid}&size=256`;
detailPhoto.src = `/Home/UserPhoto?uid=${data.uid}&size=48`;
detailPhoto.onload = () => {
detailPhoto.src = `/Home/UserPhoto?uid=${data.uid}&size=256`;
};
detailModal.show();
});
}