From 4e34335e600b5d9d29e8a4af99fda6b2a6d3ba69 Mon Sep 17 00:00:00 2001
From: aidahosa1 <aisosa_idahosa@brown.edu>
Date: Tue, 10 Sep 2024 10:54:29 -0400
Subject: more chat features

---
 src/client/views/pdf/GPTPopup/GPTPopup.scss | 56 +++++++++++++++++++++++++++--
 1 file changed, 53 insertions(+), 3 deletions(-)

(limited to 'src/client/views/pdf/GPTPopup/GPTPopup.scss')

diff --git a/src/client/views/pdf/GPTPopup/GPTPopup.scss b/src/client/views/pdf/GPTPopup/GPTPopup.scss
index eaa3eaebf..1defd1a7f 100644
--- a/src/client/views/pdf/GPTPopup/GPTPopup.scss
+++ b/src/client/views/pdf/GPTPopup/GPTPopup.scss
@@ -78,15 +78,63 @@ $highlightedText: #82e0ff;
         align-items: center;
         flex-direction: column;
 
-        transform: translateY(30px);
+        .inputWrapper{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 60px;
+            position: absolute;
+            bottom: 0;
+            width: 100%;
+            background-color: white;
+
 
+        }
 
         .searchBox-input{
-            transform: translateY(-15px);
-            height: 50px;
+            height: 40px;
             border-radius: 10px;
+            position: absolute;
+            bottom: 10px;
             border-color: #5b97ff;
+            width: 90%
+        }
+
+        .chat-wrapper {
+            display: flex;
+            flex-direction: column;
+            width: 100%;
+            max-height: calc(100vh - 80px); /* Height minus the input box and some padding */
+            overflow-y: auto;
+            padding-bottom: 60px; /* Space for the input */
+        }
+    
+        .chat-bubbles {
+            margin-top: 20px;
+            display: flex;
+            flex-direction: column;
+            flex-grow: 1;
+        }
+    
+        .chat-bubble {
+            padding: 10px;
+            margin-bottom: 10px;
+            border-radius: 10px;
+            max-width: 60%;
         }
+    
+        .user-message {
+            background-color: #283d53;
+            align-self: flex-end;
+            color: whitesmoke;
+        }
+    
+        .chat-message {
+            background-color: #367ae7;
+            align-self: flex-start;
+            color:whitesmoke;
+        }
+
 
         
 
@@ -98,6 +146,8 @@ $highlightedText: #82e0ff;
         
 
         
+
+        
     }
 
     // button {
-- 
cgit v1.2.3-70-g09d2