feature add zhedie

app/components/markdown.tsx

@@ -124,25 +124,18 @@ export function PreCode(props: { children: any }) {
 
   return (
     <>
-      <div style={{ position: "relative" }}>
+      <pre ref={ref}>
-        <pre
+        <span
-          ref={ref}
+          className="copy-code-button"
-          style={{
+          onClick={() => {
-            overflowY: "hidden",
+            if (ref.current) {
+              const code = ref.current.innerText;
+              copyToClipboard(code);
+            }
           }}
-        >
+        ></span>
-          <span
+        {props.children}
-            className="copy-code-button"
+      </pre>
-            onClick={() => {
-              if (ref.current) {
-                const code = ref.current.innerText;
-                copyToClipboard(code);
-              }
-            }}
-          ></span>
-          {props.children}
-        </pre>
-      </div>
       {mermaidCode.length > 0 && (
         <Mermaid code={mermaidCode} key={mermaidCode} />
       )}
@@ -243,8 +236,6 @@ function _MarkDownContent(props: { content: string }) {
     return escapeBrackets(escapeDollarNumber(props.content));
   }, [props.content]);
 
-  console.log(escapedContent, 11233);
-
   return (
     <ReactMarkdown
       remarkPlugins={[RemarkMath, RemarkGfm, RemarkBreaks]}

app/styles/globals.scss

@@ -271,7 +271,8 @@ div.math {
 }
 
 pre {
-  // position: relative;
+  position: relative;
+  
   &:hover .copy-code-button {
     pointer-events: all;
     transform: translateX(0px);