From c3c3dd51546f1b533422ae2a1fe4c5ab1ce0a2c0 Mon Sep 17 00:00:00 2001
From: lyf <1910527151@qq.com>
Date: Mon, 12 Aug 2024 14:06:21 +0800
Subject: [PATCH] feature add zhedie

---
 app/components/markdown.tsx | 31 +++++++++++--------------------
 app/styles/globals.scss     |  3 ++-
 2 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/app/components/markdown.tsx b/app/components/markdown.tsx
index ec413e51a..5515164c4 100644
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -124,25 +124,18 @@ export function PreCode(props: { children: any }) {
 
   return (
     <>
-      <div style={{ position: "relative" }}>
-        <pre
-          ref={ref}
-          style={{
-            overflowY: "hidden",
+      <pre ref={ref}>
+        <span
+          className="copy-code-button"
+          onClick={() => {
+            if (ref.current) {
+              const code = ref.current.innerText;
+              copyToClipboard(code);
+            }
           }}
-        >
-          <span
-            className="copy-code-button"
-            onClick={() => {
-              if (ref.current) {
-                const code = ref.current.innerText;
-                copyToClipboard(code);
-              }
-            }}
-          ></span>
-          {props.children}
-        </pre>
-      </div>
+        ></span>
+        {props.children}
+      </pre>
       {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]}
diff --git a/app/styles/globals.scss b/app/styles/globals.scss
index ce0e8281d..89f0a78e7 100644
--- a/app/styles/globals.scss
+++ b/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);