@camstack/ui-library 1.1.8 → 1.1.9

package/dist/index.cjs

@@ -21474,15 +21474,15 @@ function ImageDetailModal({ url, alt, open, onOpenChange }) {
 					]
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex max-h-[75vh] items-center justify-center overflow-auto rounded border border-border bg-gradient-to-b from-surface-hover to-surface p-6",
+				className: "max-h-[78vh] overflow-auto rounded border border-border bg-gradient-to-b from-surface-hover to-surface p-6",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 					src: url,
 					alt,
 					style: {
-						transform: `scale(${scale})`,
-						transformOrigin: "center"
+						width: `${scale * 100}%`,
+						maxWidth: "none"
 					},
-					className: "max-h-[65vh] w-auto object-contain transition-transform duration-150"
+					className: "mx-auto block h-auto transition-[width] duration-150"
 				})
 			})]
 		})

package/dist/index.js

@@ -21450,15 +21450,15 @@ function ImageDetailModal({ url, alt, open, onOpenChange }) {
 					]
 				})]
 			}), /* @__PURE__ */ jsx("div", {
-				className: "flex max-h-[75vh] items-center justify-center overflow-auto rounded border border-border bg-gradient-to-b from-surface-hover to-surface p-6",
+				className: "max-h-[78vh] overflow-auto rounded border border-border bg-gradient-to-b from-surface-hover to-surface p-6",
 				children: /* @__PURE__ */ jsx("img", {
 					src: url,
 					alt,
 					style: {
-						transform: `scale(${scale})`,
-						transformOrigin: "center"
+						width: `${scale * 100}%`,
+						maxWidth: "none"
 					},
-					className: "max-h-[65vh] w-auto object-contain transition-transform duration-150"
+					className: "mx-auto block h-auto transition-[width] duration-150"
 				})
 			})]
 		})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",