fix: Fix list styles and image zoom (#504)

Author: easymac

astro.config.mjs

@@ -58,6 +58,7 @@ export default defineConfig({
       ],
       components: {
         Head: './src/components/starlight/Head.astro',
+        MarkdownContent: './src/components/starlight/MarkdownContent.astro',
         ThemeSelect: './src/components/ThemeSelect.astro',
       },
       customCss: ['./src/styles/custom.css'],

src/components/starlight/MarkdownContent.astro

@@ -0,0 +1,7 @@
+---
+import NovaMarkdownContent from 'starlight-theme-nova/components/MarkdownContent.astro'
+import ImageZoom from 'starlight-image-zoom/components/ImageZoom.astro'
+---
+
+<ImageZoom />
+<NovaMarkdownContent><slot /></NovaMarkdownContent>

src/styles/custom.css

@@ -39,6 +39,18 @@ h6 {
   font-family: 'General Sans', sans-serif;
 }
 
+/* Restore list styles removed by Tailwind preflight. */
+@layer base {
+  ul {
+    list-style: disc;
+    padding-left: 1.5rem;
+  }
+  ol {
+    list-style: decimal;
+    padding-left: 1.5rem;
+  }
+}
+
 /* Add spacing between paragraphs and interactive components (e.g. LinkButton) */
 .sl-markdown-content > p + .not-content {
   margin-top: 1rem;