fix: Fix line number style

Hayao0819 · Jan 22, 2025 · 4d30393 · 4d30393
1 parent f59a9d0
commit 4d30393
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     },
     "dependencies": {
         "@hayao/next-view-transitions": "0.3.4",
+        "@rehype-pretty/transformers": "^0.13.2",
         "clsx": "^2.1.1",
         "framer-motion": "11.15.0",
         "gray-matter": "^4.0.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/elements/Markdown.tsx b/src/components/elements/Markdown.tsx
@@ -137,6 +137,12 @@ export default async function Markdown({ content, basepath }: { content: string;
                                     theme: "one-dark-pro",
                                     keepBackground: true,
                                     defaultLang: "plaintext",
+                                    // transformers: [
+                                    //     transformerCopyButton({
+                                    //         visibility: "always",
+                                    //         feedbackDuration: 3_000,
+                                    //     }),
+                                    // ],
                                 },
                             ],
                             rehypeStringify,

diff --git a/src/style/markdown.css b/src/style/markdown.css
@@ -13,6 +13,12 @@ figure[data-rehype-pretty-code-figure] {
         content: counter(lineNumber);
         counter-increment: lineNumber;
         @apply text-gray-600 mr-5;
+
+        display: inline-block;
+        width: 0.75rem;
+        margin-right: 2rem;
+        text-align: right;
+        color: gray;
     }
 
     code {