From ac5b8b4f9fc4c895a1f224b2bddc2f21dae5234f Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Fri, 15 Dec 2023 08:03:11 -0700
Subject: [PATCH] Improve margin and remove lazy image loading to reduce
 jumping

---
 web-new/src/components/player/PreviewThumbnailPlayer.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/web-new/src/components/player/PreviewThumbnailPlayer.tsx b/web-new/src/components/player/PreviewThumbnailPlayer.tsx
index b74321ec9..3239e4e1e 100644
--- a/web-new/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web-new/src/components/player/PreviewThumbnailPlayer.tsx
@@ -77,7 +77,7 @@ export default function PreviewThumbnailPlayer({
               setVisible(false);
             }
           },
-          { threshold: [0.0, 1.0], rootMargin: "25% 0% 25% 0%" }
+          { threshold: [0.0, 1.0], rootMargin: "25% 0% 50% 0%" }
         );
         if (node) observer.current.observe(node);
       } catch (e) {
@@ -93,7 +93,6 @@ export default function PreviewThumbnailPlayer({
       content = (
         <img
           className={`${getPreviewWidth(camera, config)}`}
-          loading="lazy"
           src={`${apiHost}api/preview/${camera}/${startTs}/thumbnail.jpg`}
         />
       );
@@ -102,7 +101,6 @@ export default function PreviewThumbnailPlayer({
     content = (
       <img
         className="w-[160px]"
-        loading="lazy"
         src={`${apiHost}api/events/${eventId}/thumbnail.jpg`}
       />
     );