From 9caee446e14b5d28f9dfac53db5cb69bcf2d5ea8 Mon Sep 17 00:00:00 2001
From: Akash Kava <39438041+ackava@users.noreply.github.com>
Date: Fri, 21 Jun 2024 09:33:56 +0530
Subject: [PATCH] Added opacity for loader

---
 src/basic/PinchZoomView.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/basic/PinchZoomView.tsx b/src/basic/PinchZoomView.tsx
index 7e0644d8..9d2ab0f9 100644
--- a/src/basic/PinchZoomView.tsx
+++ b/src/basic/PinchZoomView.tsx
@@ -65,6 +65,7 @@ export default class PinchZoomView extends AtomControl {
             <div class="image-container">
                 <img
                     src={Bind.oneWay(() => this.getSource(this.source))}
+                    style-opacity={Bind.oneWay(() => this.loading ? "0.3" : "1")}
                     event-load={() => {
                         this.loading = false;
                         this.updateZoom(this.zoom);