feat(auth): xg feature

app/components/markdown.tsx

@@ -122,50 +122,20 @@ export function PreCode(props: { children: any }) {
     }
   }, []);
 
-  // const [collapsed, setCollapsed] = useState(true);
-  // const [showToggle, setShowToggle] = useState(false);
-
-  // useEffect(() => {
-  //   if (ref.current) {
-  //     const codeHeight = ref.current.scrollHeight;
-  //     setShowToggle(codeHeight > 400);
-  //     ref.current.scrollTop = ref.current.scrollHeight;
-  //   }
-  // }, [props.children]);
-
-  // const toggleCollapsed = () => {
-  //   setCollapsed(collapsed=>!collapsed);
-  // };
-
   return (
     <>
-      <div style={{ position: "relative" }}>
+      <pre ref={ref}>
-        <pre
+        <span
-          ref={ref}
+          className="copy-code-button"
-          style={{
+          onClick={() => {
-            // maxHeight: collapsed ? "400px" : "none",
+            if (ref.current) {
-            overflowY: "hidden",
+              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}
-          {/* {showToggle && collapsed && (
-            <div
-            className={`show-hide-button ${collapsed ? 'collapsed' : 'expanded'}`}
-            >
-              <button onClick={toggleCollapsed}>查看全部</button>
-            </div>
-          )} */}
-        </pre>
-      </div>
       {mermaidCode.length > 0 && (
         <Mermaid code={mermaidCode} key={mermaidCode} />
       )}
@@ -266,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);
@@ -307,9 +308,7 @@ code{
   .show-hide-button {
     border-radius: 10px;
     position: absolute;
-    top: 0;
+    inset: 0 0 auto 0;
-    left: 0;
-    right: 0;
     width: 100%;
     margin: auto;
     height: fit-content;