From a9b61d3e134e3b306d6c3d6dbec797b8cafe1cb9 Mon Sep 17 00:00:00 2001
From: jang_yoonsu <shagrat8546@gmail.com>
Date: Thu, 16 May 2024 23:29:33 +0900
Subject: [PATCH] design : add style invisible when lg and visible when hover

---
 frontend/src/conversation/ConversationBubble.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index c0f6cd70..db26d55d 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -99,7 +99,10 @@ const ConversationBubble = forwardRef<
                           {children}
                         </code>
                       )}
-                      <div className="absolute right-3 top-3">
+                      <div
+                        className={`absolute right-3 top-3 lg:invisible 
+                        ${type !== 'ERROR' ? 'group-hover:lg:visible' : ''} `}
+                      >
                         <CoppyButton
                           text={String(children).replace(/\n$/, '')}
                         />