fix: review updates (COR-0000) (#350)

Addresses: * COR-4006 * COR-4007 * COR-4009
voiceflow · Nov 25, 2024 · 4856dd4 · 4856dd4
1 parent 54e5f4a
commit 4856dd4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/packages/chat/src/components/AgentMessage/AgentMessage.css.ts b/packages/chat/src/components/AgentMessage/AgentMessage.css.ts
@@ -97,7 +97,7 @@ export const copyButton = style({
 export const feedbackButtonContainer = style({
   opacity: 0,
   position: 'absolute',
-  right: '-24px',
+  right: '-6px',
   bottom: '-14px',
   transition: transition(['opacity']),
   selectors: {

diff --git a/packages/chat/src/components/Prompt/styles.css.ts b/packages/chat/src/components/Prompt/styles.css.ts
@@ -10,7 +10,7 @@ export const promptContainer = recipe({
     bottom: 0,
     width: '100%',
     boxSizing: 'border-box',
-    transition: 'transform 320ms cubic-bezier(0.45, 1.29, 0.64, 1), box-shadow 300ms ease',
+    transition: 'transform 320ms cubic-bezier(0.45, 1.29, 0.64, 1), box-shadow 300ms ease, opacity 300ms ease',
     transform: 'translateY(100%)',
     padding: '12px 12px 30px 12px',
     borderRadius: SIZES.radius.lg,
@@ -20,12 +20,14 @@ export const promptContainer = recipe({
     flexDirection: 'column',
     gap: 8,
     zIndex: 300,
+    opacity: 0,
   },
 
   variants: {
     visible: {
       true: {
         transform: 'translateY(18px)',
+        opacity: 1,
       },
       false: {
         boxShadow: 'none',

diff --git a/packages/chat/src/components/Separator/styles.css.ts b/packages/chat/src/components/Separator/styles.css.ts
@@ -23,5 +23,6 @@ export const separatorText = style({
   fontFamily: FAMILY,
   fontSize: '12px',
   lineHeight: '17px',
+  fontWeight: 600,
   flexShrink: 0,
 });