steven/epq-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added proper scrolling support - 500px bounds for now

Browse source
This commit is contained in:
Zhongheng Liu 2024-01-03 16:27:50 +02:00
commit c646758e63
No known key found for this signature in database
2 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/Chat/Chat.css
View file

@ -1,12 +1,13 @@
#chat-inner {
height: 250px;
.chat-inner-wrapper {
height: 500px;
overflow-y: auto;
overflow-wrap: normal;
display: flex;
flex-direction: column-reverse;
}
.entry-box {
position: absolute;
bottom: 0;
min-height: 20%;
margin-top: 5px;
}
.chat {
min-height: 80vh;

4
src/Chat/Chat.tsx
View file

@ -106,7 +106,9 @@ const ChatWrapper = (
})
return (
<div className="chat">
<div id="chat-inner">
<div className="chat-inner-wrapper">
<div id="chat-inner">
</div>
</div>
<span className="entry-box"><input id="data-entry"></input><button onClick={() => sendData()}>Send</button></span>
</div>