design : add style invisible when lg and visible when hover

2 weeks ago · a9b61d3e13
parent 3767d14e5c
commit a9b61d3e13
1 changed files with 4 additions and 1 deletions
--- 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$/, '')}
                        />