🛠️ Update BaseLayout

EveSunMaple · Aug 21, 2024 · 89efb1c · 89efb1c
1 parent de3d071
commit 89efb1c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -1,4 +1,5 @@
 ---
+import "medium-zoom/dist/style.css";
 import "/node_modules/katex/dist/katex.min.css";
 import Profile from "../components/ProfileCard.astro";
 import BaseHead from "../components/BaseHead.astro";
@@ -111,6 +112,13 @@ const { title, image, includeSidebar = true } = Astro.props;
     });
   }
 
+  import mediumZoom from "medium-zoom/dist/pure";
+  mediumZoom(".main-card img", { margin: 24, background: "#00000080" });
+
+  document.addEventListener("swup:page:view", () => {
+    mediumZoom(".main-card img", { margin: 24, background: "#00000080" });
+  });
+
   document.addEventListener("DOMContentLoaded", addCopyButton);
 
   document.addEventListener("swup:page:view", addCopyButton);

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
@@ -1,7 +1,6 @@
 ---
 import BaseLayout from "../../layouts/BaseLayout.astro";
 import BaseCard from "../../components/BaseCard.astro";
-import "medium-zoom/dist/style.css";
 import { type CollectionEntry, getCollection } from "astro:content";
 
 export async function getStaticPaths() {
@@ -30,11 +29,3 @@ const { Content } = await post.render();
     <Content />
   </BaseCard>
 </BaseLayout>
-<script>
-  import mediumZoom from "medium-zoom/dist/pure";
-  mediumZoom(".main-card img", { margin: 24, background: "#00000080" });
-
-  document.addEventListener("swup:page:view", () => {
-    mediumZoom(".main-card img", { margin: 24, background: "#00000080" });
-  });
-</script>
diff --git a/src/styles/global.scss b/src/styles/global.scss
@@ -15,8 +15,12 @@ a {
   @apply relative no-underline;
 }
 
+.katex-display {
+  overflow-x: auto;
+}
+
 .medium-zoom-image--opened {
-  @apply rounded-xl;
+  @apply rounded-xl shadow-xl;
 }
 
 .main-card img {