fix: removed items-center from conversationBubble.tsx

This commit is contained in:
HeetVekariya
2023-10-15 08:47:55 +05:30
parent c8e6224946
commit 3e5bd25c6e
2 changed files with 2 additions and 3 deletions

View File

@@ -95,13 +95,12 @@ export default function Conversation() {
></ConversationBubble>
);
} else if (query.response) {
const trimmedResponse = query.response.trim();
responseView = (
<ConversationBubble
ref={endMessageRef}
className={`${index === queries.length - 1 ? 'mb-32' : 'mb-7'}`}
key={`${index}ANSWER`}
message={trimmedResponse.length > 0 ? trimmedResponse : 'No answer found.'}
message={query.response}
type={'ANSWER'}
sources={query.sources}
feedback={query.feedback}

View File

@@ -74,7 +74,7 @@ const ConversationBubble = forwardRef<
<div className="flex self-start">
<Avatar className="mt-2 text-2xl" avatar="🦖"></Avatar>
<div
className={`ml-2 mr-5 flex flex-col items-center rounded-3xl bg-gray-1000 p-3.5 ${
className={`ml-2 mr-5 flex flex-col rounded-3xl bg-gray-1000 p-3.5 ${
type === 'ERROR'
? 'flex-row rounded-full border border-transparent bg-[#FFE7E7] p-2 py-5 text-sm font-normal text-red-3000 dark:border-red-2000 dark:text-white'
: 'flex-col rounded-3xl'