fix: show copy button on hover (#1002)

42cd93cf · Stephen Zhou · GitHub · 4a7b764a · 42cd93cf
Unverified Commit 42cd93cf authored Jan 31, 2023 by Stephen Zhou Committed by GitHub Jan 31, 2023
Show whitespace changes
Inline Side-by-side

Showing with 2 additions and 2 deletions

CodeBlock.tsx web/src/labs/marked/parser/CodeBlock.tsx +2 -2

No files found.
--- a/web/src/labs/marked/parser/CodeBlock.tsx
+++ b/web/src/labs/marked/parser/CodeBlock.tsx
@@ -29,9 +29,9 @@ const renderer = (rawStr: string) => {
  };

  return (
-    <pre>
+    <pre className="group">
      <button
-        className="text-xs font-mono italic absolute top-0 right-0 px-2 leading-6 border btn-text rounded opacity-60"
+        className="text-xs font-mono italic absolute top-0 right-0 px-2 leading-6 border btn-text rounded opacity-0 group-hover:opacity-60"
        onClick={handleCopyButtonClick}
      >
        copy