fix(mdviewer): remove medium-zoom image feature and zoom-in cursor

Author: abose

src-mdviewer/src/components/viewer.js

@@ -4,13 +4,10 @@ Prism.manual = true;
 import "../core/prism-languages.js";
 import "../styles/syntax/prism-light.css";
 import "../styles/syntax/prism-dark.css";
-import mediumZoom from "medium-zoom";
 import { on } from "../core/events.js";
 import { getState } from "../core/state.js";
 import { t } from "../core/i18n.js";
 
-let zoom = null;
-
 const devLog = import.meta.env.DEV ? console.log.bind(console, "[viewer]") : () => {};
 
 function getContentEl() {
@@ -68,7 +65,6 @@ export function initViewer() {
             });
         } else {
             addCopyButtons();
-            initImageZoom();
         }
     });
 
@@ -79,7 +75,6 @@ export function initViewer() {
 
         if (!getState().editMode) {
             addCopyButtons();
-            initImageZoom();
         }
     });
 
@@ -187,13 +182,3 @@ function addCopyButtons() {
     });
 }
 
-function initImageZoom() {
-    if (zoom) {
-        zoom.detach();
-    }
-
-    zoom = mediumZoom("#viewer-content .markdown-body img", {
-        margin: 24,
-        background: "var(--color-bg)"
-    });
-}

src-mdviewer/src/styles/markdown.css

@@ -76,7 +76,6 @@
   height: auto;
   border-radius: var(--radius-md);
   border: 1px solid var(--color-border-subtle);
-  cursor: zoom-in;
 }
 
 /* Inline code */