Fix image fallback/zoom controls interaction

2025-04-05 00:40:56 -05:00 · 2025-04-05 00:40:56 -05:00 · 6badfefc56
commit 6badfefc56
parent 11b9716482
1 changed files with 8 additions and 8 deletions
--- a/src/components/image/ImageWithFallback.tsx
+++ b/src/components/image/ImageWithFallback.tsx
@ -71,6 +71,14 @@ export default function ImageWithFallback(props: ImageProps & {
        className,
      )}
    >
+      <Image {...{
+        ...rest,
+        ref: imgRef,
+        priority,
+        className: classNameImage,
+        onLoad,
+        onError,
+      }} />
      <div className={clsx(
        '@container',
        'absolute inset-0',
@ -96,14 +104,6 @@ export default function ImageWithFallback(props: ImageProps & {
            'bg-gray-100/50 dark:bg-gray-900/50',
          )} />}
      </div>
-      <Image {...{
-        ...rest,
-        ref: imgRef,
-        priority,
-        className: classNameImage,
-        onLoad,
-        onError,
-      }} />
    </div>
  );
 }