Merge pull request #25 from apecloud/bugfix/copy_code

fix: copy code

Author: sailwebs

src/app/[locale]/layout.tsx

@@ -114,7 +114,7 @@ export default async function RootLayout({
                         <GitHub />
                       </IconButton>
                       <ThemeSwitcher />
-                      <LocaleSwitcher />
+                      {/* <LocaleSwitcher /> */}
                     </Box>
                   </Toolbar>
                 </AppBar>

src/components/CodeWithCopyButton.tsx

@@ -7,7 +7,6 @@ import { JSX, useRef } from "react";
 
 const StyledCode = styled("code")(() => {
   return {
-    position: "relative",
     ".copy-to-clipboard": {
       display: "none",
     },
@@ -39,12 +38,13 @@ export default function CodeWithCopyButton(
           className="copy-to-clipboard"
           sx={{
             position: "absolute",
-            right: 12,
-            top: 12,
-            padding: 1,
+            right: 8,
+            top: 8,
+            padding: 0.8,
             minWidth: "auto",
             color: "rgba(255, 255, 255, 0.5)",
             borderColor: "rgba(255, 255, 255, 0.3)",
+            background: "#1A1E22",
             borderWidth: 1,
             "&:hover": {
               borderColor: theme.palette.primary.main,

src/mdx-components.tsx

@@ -58,6 +58,9 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
     th: (props: JSX.IntrinsicElements["th"]) => (
       <TableCell>{props.children}</TableCell>
     ),
+    pre: (props: JSX.IntrinsicElements["pre"]) => (
+      <pre style={{ position: 'relative' }}>{props.children}</pre>
+    ),
     code: (props: JSX.IntrinsicElements["code"]) => {
       const match = /language-(\w+)/.exec(props.className || "");
       if (match?.length) {

src/middleware.ts

@@ -4,7 +4,7 @@ import { createI18nMiddleware } from "next-international/middleware";
 import { NextRequest } from "next/server";
 
 const I18nMiddleware = createI18nMiddleware({
-  locales: ["en", "zh"],
+  locales: ["en"], // ["en", "zh"],
   defaultLocale: "en",
   urlMappingStrategy: "rewriteDefault", // redirect | rewrite | rewriteDefault
 });