diff options
| author | Dawid Rycerz <dawid@rycerz.xyz> | 2026-01-13 19:23:21 +0100 |
|---|---|---|
| committer | Dawid Rycerz <dawid@rycerz.xyz> | 2026-01-13 19:23:21 +0100 |
| commit | 1e2f147e08e6e69a7a356f38014dab33585544c2 (patch) | |
| tree | 9fa652926107e4e72fd779635979ede7ea64daa3 /src/layouts/BlogPost.astro | |
| parent | 42662ae3db2a2f2366942ab7d68f9441e03b29bb (diff) | |
Add zoom feature for images
Diffstat (limited to 'src/layouts/BlogPost.astro')
| -rw-r--r-- | src/layouts/BlogPost.astro | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro index 2744b8c..436efde 100644 --- a/src/layouts/BlogPost.astro +++ b/src/layouts/BlogPost.astro @@ -92,3 +92,12 @@ const readingTime: string = remarkPluginFrontmatter.readingTime; const observer = new IntersectionObserver(callback); observer.observe(targetHeader); </script> + +<script> + import mediumZoom from "medium-zoom"; + + mediumZoom("[data-zoomable]", { + margin: 8, + background: "rgba(0, 0, 0, 0.2)", + }); +</script> |