From 16e82ab16775b229409936a600848056f2f54b52 Mon Sep 17 00:00:00 2001
From: LD-Reborn <lucretia.dietz@gmx.de>
Date: Thu, 6 Nov 2025 09:26:05 +0100
Subject: [PATCH] Added small pre-cached image pre-loading, fixed layout shift
 for user preview

---
 src/Views/Home/Users.cshtml | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Views/Home/Users.cshtml b/src/Views/Home/Users.cshtml
index 3e5a255..fd18b15 100644
--- a/src/Views/Home/Users.cshtml
+++ b/src/Views/Home/Users.cshtml
@@ -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();
         });
     }