fetch fix

rishi-golla · Sep 23, 2024 · 1afd4ba · 1afd4ba
2 parents 3ccf8c4 + 83ac9f0
commit 1afd4ba
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/legal-ai/src/App.js b/legal-ai/src/App.js
@@ -24,12 +24,12 @@ function App() {
   };
 
   return (
-    <div className="relative bg-primary overflow-y-auto">
+    <div className="relative bg-primary overflow-y-auto w-full">
       <SpaceBackground />
       <ChatbotButton setActiveSection={setActiveSection} />
       <div className=' pt-6 min-h-screen w-full'>
         <Header setActiveSection={setActiveSection} language={language} setLanguage={setLanguage} />
-        <div className="pt-[100px]">
+        <div className="pt-[100px] w-full">
           {activeSection === "home" && <Home setActiveSection={setActiveSection} language={language} />}
           {activeSection === "about" && <About language={language} />}
           {activeSection === "chatbot" && <Chatbot userInfo={userInfo} />}

diff --git a/legal-ai/src/components/Home.js b/legal-ai/src/components/Home.js
@@ -53,7 +53,7 @@ const Home = ({ setActiveSection, language }) => {
           >
             {displayedText}
           </motion.div> */}
-          <div className='hover:scale-105 duration-150 text-white bg-[#00000080] hover:bg-purple-300 hover:text-black absolute top-0 right-0 rounded-full md:p-4 py-2 px-3 md:text-[16px] text-[14px] '>
+          <div className='hover:scale-105 duration-150 text-white bg-[#00000080] hover:bg-purple-300 hover:text-black absolute top-0 right-0 rounded-full md:p-4 py-2 px-3 md:text-[16px] text-[14px] cursor-pointer' onClick={() => setActiveSection("questions")}>
             {translations[language].clickForChat}
           </div> 
 

diff --git a/legal-ai/src/components/Messages.js b/legal-ai/src/components/Messages.js
@@ -5,7 +5,7 @@ const Messages = ({ messages, isTyping }) => {
   return (
     <div className="bg-transparent p-4 rounded-md overflow-y-auto flex flex-col space-y-2 h-auto overflow-visible w-full">
       {messages.length === 0 ? (
-        <p className="text-gray-500 italic text-center">
+        <p className="text-purple-300 italic text-center">
           Hi! I'm Mike, your AI law assistant, how can I help you today?
         </p>
       ) : (

diff --git a/legal-ai/src/components/chatbot.js b/legal-ai/src/components/chatbot.js
@@ -154,7 +154,7 @@ const Chatbot = ({ userInfo }) => {
   };
 
   return (
-    <section className="flex justify-center items-center w-full">
+    <section className="mb-14 flex justify-center items-center w-screen">
       <div className="bg-transparent shadow-lg rounded-lg px-8 w-full flex justify-center items-center flex-col">
         <div className="flex items-center justify-center flex-col">
           <img src="/logo.png" alt="logo" className="h-8 w-8" />