wip

QuivrHQ · Jan 28, 2024 · 7617be9 · 7617be9
1 parent 1128d36
commit 7617be9
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 5 deletions.
diff --git a/...components/ChatDialogue/components/QADisplay/components/MessageRow/MessageRow.module.scss b/...components/ChatDialogue/components/QADisplay/components/MessageRow/MessageRow.module.scss
@@ -5,8 +5,11 @@
   display: flex;
   flex-direction: column;
   padding-right: Spacings.$spacing05;
+  width: 85%;
+  padding-block: Spacings.$spacing03;
 
   .message_row_content {
+    align-self: flex-end;
     border-radius: 12px;
     width: fit-content;
     padding-block: Spacings.$spacing03;
@@ -53,7 +56,7 @@
 
     .message_row_content {
       align-self: flex-start;
-      background-color: rgba(Colors.$black, 0.85);
+      background-color: rgba(Colors.$black, 0.8);
       margin-left: 1px;
     }
   }

diff --git a/...onents/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss b/...onents/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.module.scss
@@ -5,5 +5,5 @@
   display: flex;
   align-items: center;
   gap: Spacings.$spacing02;
-  color: Colors.$primary;
+  color: Colors.$black;
 }
diff --git a/...gue/components/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.tsx b/...gue/components/QADisplay/components/MessageRow/components/QuestionBrain/QuestionBrain.tsx
@@ -16,7 +16,7 @@ export const QuestionBrain = ({
 
   return (
     <div data-testid="brain-tags" className={styles.brain_name_wrapper}>
-      <Icon name="brain" color="primary" size="normal" />
+      <Icon name="brain" color="black" size="normal" />
       <span>{brainName}</span>
     </div>
   );

diff --git a/...nents/QADisplay/components/MessageRow/components/QuestionPrompt/QuestionPompt.module.scss b/...nents/QADisplay/components/MessageRow/components/QuestionPrompt/QuestionPompt.module.scss
@@ -4,5 +4,5 @@
 .prompt_name_wrapper {
   display: flex;
   align-items: center;
-  color: Colors.$primary;
+  color: Colors.$black;
 }
diff --git a/...e/components/QADisplay/components/MessageRow/components/QuestionPrompt/QuestionPrompt.tsx b/...e/components/QADisplay/components/MessageRow/components/QuestionPrompt/QuestionPrompt.tsx
@@ -16,7 +16,7 @@ export const QuestionPrompt = ({
 
   return (
     <div data-testid="prompt-tags" className={styles.prompt_name_wrapper}>
-      <Icon name="hastag" color="primary" size="normal" />
+      <Icon name="hastag" color="black" size="normal" />
       <span>{promptName}</span>
     </div>
   );