implement zoom-in feature for images

IABTechLab · Dec 5, 2024 · 7e0dc1b · 7e0dc1b
1 parent 4f45a91
commit 7e0dc1b
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -91,6 +91,7 @@ const config = {
         containerId: "GTM-K3NQMDX",
       },
     ],
+    require.resolve("docusaurus-plugin-image-zoom")
   ],
 
   presets: [
@@ -308,7 +309,17 @@ const config = {
         // apiKey: "58f35480017be37aca9f762323a0b4d1", //staging
         // indexName: "UID2", //staging
       },
+      zoom: {
+        selector: '.markdown :not(em) > img',
+        config: {
+          // options you can specify via https://github.com/francoischalifour/medium-zoom#usage
+          background: {
+            light: 'rgb(255, 255, 255)',
+            dark: 'rgb(50, 50, 50)'
+          }
+        }
+      }
     }),
-};
+  };
 
 export default config;