added styles

Aryankpoor · Jul 13, 2024 · 1fb4490 · 1fb4490
1 parent 57a4d88
commit 1fb4490
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 0 deletions.
diff --git a/src/components/Main/Main.css b/src/components/Main/Main.css
@@ -118,4 +118,32 @@
     margin: 15px auto;
     text-align: center;
     font-weight: 300;
+}
+
+.result {
+    padding: 0px 5%;
+    max-height: 70vh;
+    overflow-y: scroll;
+}
+
+.result::-webkit-scrollbar{
+    display: none;
+}
+
+.result-title {
+    margin: 40px 0px;
+    display: flex;
+    align-items: center;
+    gap: 20px;
+}
+
+.result img{
+    width: 40px;
+    border-radius: 50%;
+}
+
+.result-data {
+    display: flex;
+    align-items: start;
+    gap: 20px;
 }
diff --git a/src/components/Main/Main.jsx b/src/components/Main/Main.jsx
@@ -42,6 +42,17 @@ const Main = () => {
                 </div>
             </div>
             </>:<div className='result'>
+                <div className="result-title">
+                    <img src={assets.user_icon} alt="" />
+                    <p>{recentPrompt}</p>
+                </div>
+                <div className="result-data">
+                    <img src={assets.gemini_icon} alt="" />
+                    {loading?
+                    <div className='loader'>
+                    </div>}
+                    <p dangerouslySetInnerHTML={{__html:resultData}}></p>
+                </div>
                 </div>}
 
 

diff --git a/src/context/Context.jsx b/src/context/Context.jsx
@@ -17,6 +17,7 @@ const ContextProvider = (props) => {
         setResultData("")
         setLoading(true)
         setShowResult(true)
+        setRecentPrompt(input)
         const response = await runChat(input)
         setResultData(response)
         setLoading(false)