diff options
| author | aidahosa1 <aisosa_idahosa@brown.edu> | 2024-09-10 10:54:29 -0400 |
|---|---|---|
| committer | aidahosa1 <aisosa_idahosa@brown.edu> | 2024-09-10 10:54:29 -0400 |
| commit | 4e34335e600b5d9d29e8a4af99fda6b2a6d3ba69 (patch) | |
| tree | a2abb796aaeac1588375c109dea1d3927bc55ef8 /src/client/views/pdf/GPTPopup/GPTPopup.scss | |
| parent | 593a894cf3b707d60b4baf1c400f138bd8b3a783 (diff) | |
more chat features
Diffstat (limited to 'src/client/views/pdf/GPTPopup/GPTPopup.scss')
| -rw-r--r-- | src/client/views/pdf/GPTPopup/GPTPopup.scss | 56 |
1 files changed, 53 insertions, 3 deletions
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 { |