feat(mermaid): align mermaid diagrams at center

Octobug · Dec 21, 2024 · 67891bd · 67891bd
1 parent c79bc1c
commit 67891bd
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/.vitepress/theme/pages/Layout.vue b/.vitepress/theme/pages/Layout.vue
@@ -11,10 +11,7 @@
   </Layout>
 </template>
 
-<script
-  lang="ts"
-  setup
->
+<script lang="ts" setup>
 import DefaultTheme from "vitepress/theme";
 import Annotations from "../components/Annotations.vue";
 import PrevNext from "../components/PrevNext.vue";
@@ -88,6 +85,11 @@ img.inline-img {
   border: 3px solid var(--vp-c-default-1);
 }
 
+.mermaid {
+  display: flex;
+  justify-content: center;
+}
+
 /* image subtitle */
 figure figcaption {
   margin-bottom: 1.5rem;