fix: show copy button on hover (#1002)

2 years ago · 42cd93cf33
parent 4a7b764ab3
commit 42cd93cf33
1 changed files with 2 additions and 2 deletions
--- 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