From 42cd93cf33708500cb632e3fde13fc515e94e5bc Mon Sep 17 00:00:00 2001
From: Stephen Zhou <hi@hyoban.cc>
Date: Tue, 31 Jan 2023 18:38:58 +0800
Subject: [PATCH] fix: show copy button on hover (#1002)

---
 web/src/labs/marked/parser/CodeBlock.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/labs/marked/parser/CodeBlock.tsx b/web/src/labs/marked/parser/CodeBlock.tsx
index e9671be60..2f21ea112 100644
--- 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