add docusaurus-plugin-image-zoom

turikhay · turikhay · commit 7d3d118f02e7 · 2024-02-21T22:08:25.000+03:00
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -109,6 +109,17 @@ const config: Config = {
         'ini',
       ],
     },
+    zoom: {
+      selector: '.markdown :not(em) > img',
+      config: {
+        container: {
+          top: 72,
+          left: 0,
+          right: 0,
+          bottom: 16,
+        },
+      }
+    },
   } satisfies Preset.ThemeConfig,
   plugins: [
     [
@@ -117,6 +128,7 @@ const config: Config = {
         counterID: '96541553',
       }
     ],
+    'docusaurus-plugin-image-zoom',
   ],
 };
 
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "@docusaurus/preset-classic": "3.1.1",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
+    "docusaurus-plugin-image-zoom": "^2.0.0",
     "docusaurus-plugin-yandex-metrica": "^1.2.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^18.0.0",
