docs: fix demo for zoom image hover 💞 (#276)

willnguyen1312 · Mar 27, 2024 · a067c9b · a067c9b
1 parent e226e32
commit a067c9b
Show file tree

Hide file tree

Showing 10 changed files with 27 additions and 18 deletions.
diff --git a/packages/angular/projects/angular/CHANGELOG.md b/packages/angular/projects/angular/CHANGELOG.md
@@ -4,7 +4,8 @@
 
 ### Patch Changes
 
-- Updated dependencies [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
+- Updated dependencies
+  [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
   - @zoom-image/core@0.33.2
 
 ## 0.2.7

diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
@@ -4,7 +4,10 @@
 
 ### Patch Changes
 
-- [#274](https://github.com/willnguyen1312/zoom-image/pull/274) [`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046) Thanks [@willnguyen1312](https://github.com/willnguyen1312)! - fix: zoomed image click cause extra border display on first render 💞
+- [#274](https://github.com/willnguyen1312/zoom-image/pull/274)
+  [`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046) Thanks
+  [@willnguyen1312](https://github.com/willnguyen1312)! - fix: zoomed image click cause extra border display on first
+  render 💞
 
 ## 0.33.1
 

diff --git a/packages/docs/src/components/HomePageShow.vue b/packages/docs/src/components/HomePageShow.vue
@@ -94,10 +94,9 @@ watch(
     await nextTick()
 
     if (zoomType.value === "hover") {
-      const isMobile = window.innerWidth < 768
       createZoomImageHover(imageHoverContainerRef.value as HTMLDivElement, {
         zoomImageSource: imageURL,
-        customZoom: isMobile ? { width: 100, height: 150 } : { width: 300, height: 450 },
+        customZoom: { width: 300, height: 400 },
         zoomTarget: zoomTargetRef.value as HTMLDivElement,
         scale: 2,
       })

diff --git a/packages/preact/CHANGELOG.md b/packages/preact/CHANGELOG.md
@@ -4,7 +4,8 @@
 
 ### Patch Changes
 
-- Updated dependencies [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
+- Updated dependencies
+  [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
   - @zoom-image/core@0.33.2
 
 ## 0.3.7

diff --git a/packages/qwik/CHANGELOG.md b/packages/qwik/CHANGELOG.md
@@ -4,7 +4,8 @@
 
 ### Patch Changes
 
-- Updated dependencies [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
+- Updated dependencies
+  [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
   - @zoom-image/core@0.33.2
 
 ## 0.2.7

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -4,7 +4,8 @@
 
 ### Patch Changes
 
-- Updated dependencies [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
+- Updated dependencies
+  [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
   - @zoom-image/core@0.33.2
 
 ## 0.4.7

diff --git a/packages/solid/CHANGELOG.md b/packages/solid/CHANGELOG.md
@@ -4,7 +4,8 @@
 
 ### Patch Changes
 
-- Updated dependencies [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
+- Updated dependencies
+  [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
   - @zoom-image/core@0.33.2
 
 ## 0.2.7

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
@@ -4,7 +4,8 @@
 
 ### Patch Changes
 
-- Updated dependencies [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
+- Updated dependencies
+  [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
   - @zoom-image/core@0.33.2
 
 ## 0.2.7

diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
@@ -4,7 +4,8 @@
 
 ### Patch Changes
 
-- Updated dependencies [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
+- Updated dependencies
+  [[`ec4a37b`](https://github.com/willnguyen1312/zoom-image/commit/ec4a37b2e83e19a7bca3f2cde747bafd71d9d046)]:
   - @zoom-image/core@0.33.2
 
 ## 0.2.7

diff --git a/size.json b/size.json
@@ -2,7 +2,7 @@
   "@zoom-image/core": {
     "createZoomImageWheel": "1.76 KB",
     "createZoomImageHover": "1.2 KB",
-    "createZoomImageClick": "861 B",
+    "createZoomImageClick": "864 B",
     "createZoomImageMove": "853 B",
     "cropImage": "367 B",
     "makeCalculateZoom": "97 B",
@@ -11,8 +11,8 @@
   "@zoom-image/react": {
     "useZoomImageWheel": "2.04 KB",
     "useZoomImageHover": "1.47 KB",
-    "useZoomImageClick": "1.09 KB",
-    "useZoomImageMove": "1.09 KB"
+    "useZoomImageMove": "1.09 KB",
+    "useZoomImageClick": "1.09 KB"
   },
   "@zoom-image/preact": {
     "useZoomImageWheel": "2.94 KB",
@@ -23,8 +23,8 @@
   "@zoom-image/qwik": {
     "useZoomImageWheel": "2.19 KB",
     "useZoomImageHover": "1.59 KB",
-    "useZoomImageMove": "1.21 KB",
-    "useZoomImageClick": "1.21 KB"
+    "useZoomImageClick": "1.21 KB",
+    "useZoomImageMove": "1.21 KB"
   },
   "@zoom-image/solid": {
     "useZoomImageWheel": "3.25 KB",
@@ -46,8 +46,8 @@
   },
   "@zoom-image/angular": {
     "ZoomImageClickService": "3.48 KB",
-    "ZoomImageHoverService": "3.48 KB",
-    "ZoomImageWheelService": "3.48 KB",
-    "ZoomImageMoveService": "3.47 KB"
+    "ZoomImageHoverService": "3.47 KB",
+    "ZoomImageMoveService": "3.47 KB",
+    "ZoomImageWheelService": "3.47 KB"
   }
 }