@thangph2146/nextjs-editor 1.0.5 → 1.0.7

package/dist/index.js

@@ -2709,29 +2709,29 @@ function ImageComponent({
             className: "max-w-[96vw] max-h-[96vh] w-[96vw] h-[96vh] overflow-hidden flex flex-col p-0 gap-0 rounded-xl border shadow-2xl",
             "aria-describedby": "view-original-image-desc",
             children: [
-              /* @__PURE__ */ jsx19(DialogHeader, { className: "shrink-0 px-6 pt-5 pb-2 border-b bg-muted/30", children: /* @__PURE__ */ jsx19(DialogTitle, { className: "text-base font-semibold", children: "Xem h\xECnh g\u1ED1c" }) }),
+              /* @__PURE__ */ jsx19(DialogHeader, { className: "shrink-0 px-4 pt-3 pb-3 pr-12 border-b border-border/50 bg-muted/20 rounded-t-xl", children: /* @__PURE__ */ jsx19(DialogTitle, { className: "text-sm font-semibold", children: "Xem h\xECnh g\u1ED1c" }) }),
               /* @__PURE__ */ jsx19(
                 "div",
                 {
                   id: "view-original-image-desc",
-                  className: "flex-1 min-h-[70vh] overflow-auto flex items-center justify-center p-4 bg-black/20",
+                  className: "flex-1 min-h-0 overflow-auto flex items-center justify-center p-4 bg-black/10",
                   children: /* @__PURE__ */ jsx19(
                     "img",
                     {
                       src,
                       alt: altText || "H\xECnh g\u1ED1c",
-                      className: "flex-1 min-w-0 min-h-0 w-full h-full max-w-full max-h-full object-contain rounded-lg"
+                      className: "max-w-full max-h-full w-auto h-auto object-contain rounded-lg select-none"
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx19(DialogFooter, { className: "shrink-0 flex-row justify-center gap-2 px-6 py-4 border-t bg-muted/20 rounded-b-xl", children: /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx19(DialogFooter, { className: "shrink-0 flex-row justify-center gap-2 px-4 py-3 border-t border-border/50 bg-muted/20 rounded-b-xl", children: /* @__PURE__ */ jsx19(
                 Button,
                 {
                   variant: "outline",
-                  size: "default",
+                  size: "sm",
                   asChild: true,
-                  className: "gap-2 text-base",
+                  className: "gap-2",
                   children: /* @__PURE__ */ jsxs9(
                     "a",
                     {