From 3e20e4dc67de07745b66cd7470a163329ffb247d Mon Sep 17 00:00:00 2001
From: ajaythapliyal <ajaythapliyal1703@gmail.com>
Date: Fri, 24 Feb 2023 09:25:03 +0530
Subject: [PATCH] fixes .6 from nicks list

---
 frontend/src/conversation/Conversation.tsx | 8 ++++++--
 frontend/tailwind.config.cjs               | 3 ++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index 9a8f64b..ab00f0f 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -44,11 +44,11 @@ export default function Conversation() {
         })}
         {messages.length === 0 && <Hero className="mt-24 md:mt-36"></Hero>}
       </div>
-      <div className="fixed bottom-2 flex w-10/12 md:w-[50%]">
+      <div className="fixed bottom-14 flex w-10/12 md:bottom-12 md:w-[50%]">
         <div
           ref={inputRef}
           contentEditable
-          className={`min-h-5 border-000000 overflow-x-hidden; max-h-24 w-full overflow-y-auto rounded-xl border bg-white p-2 pr-9 opacity-100 focus:border-2 focus:outline-none`}
+          className={`border-000000 overflow-x-hidden; max-h-24 min-h-[2.6rem] w-full overflow-y-auto rounded-xl border bg-white p-2 pr-9 opacity-100 focus:border-2 focus:outline-none`}
         ></div>
         {status === 'loading' ? (
           <img
@@ -68,6 +68,10 @@ export default function Conversation() {
           ></img>
         )}
       </div>
+      <p className="fixed bottom-6 w-10/12 text-center text-xs text-gray-2000">
+        This is a chatbot that uses the GPT-3, Faiss and LangChain to answer
+        questions.
+      </p>
     </div>
   );
 }
diff --git a/frontend/tailwind.config.cjs b/frontend/tailwind.config.cjs
index 73cc3ed..3f1230e 100644
--- a/frontend/tailwind.config.cjs
+++ b/frontend/tailwind.config.cjs
@@ -12,8 +12,9 @@ module.exports = {
         jet: '#343541',
         'gray-alpha': 'rgba(0,0,0, .1)',
         'gray-1000': '#F6F6F6',
+        'gray-2000': 'rgba(0, 0, 0, 0.5)',
         'red-1000': 'rgb(254, 202, 202)',
-        'red-2000' : '#F44336',
+        'red-2000': '#F44336',
         'red-3000': '#621B16',
       },
     },