Browse Source

feature add zhedie

lyf 1 year ago
parent
commit
c3c3dd5154
2 changed files with 13 additions and 21 deletions
  1. 11 20
      app/components/markdown.tsx
  2. 2 1
      app/styles/globals.scss

+ 11 - 20
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]}

+ 2 - 1
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);