Fixed bugs, and added a run script.
This commit is contained in:
@@ -99,19 +99,28 @@ body {
|
||||
padding-right: 18px;
|
||||
}
|
||||
|
||||
#chat-box {
|
||||
flex: 1; /* This is the key: allows chat-box to grow and fill vertical space */
|
||||
overflow-y: auto; /* Adds a scrollbar when content overflows vertically */
|
||||
padding: 10px;
|
||||
border: 1px solid var(--secondary-color); /* Visual border for chat box */
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px; /* Space between chat box and input */
|
||||
background-color: var(--tertiary-color); /* Example background for messages */
|
||||
color: var(--text-color);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.chat-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 70vh; /* or whatever height works well for your layout */
|
||||
}
|
||||
|
||||
|
||||
#chat-box {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: 10px;
|
||||
border: 1px solid var(--secondary-color);
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
background-color: var(--tertiary-color);
|
||||
color: var(--text-color);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
|
||||
#chat-box p {
|
||||
margin: 0 0 5px 0; /* Adjust message spacing */
|
||||
line-height: 1.4;
|
||||
|
||||
Reference in New Issue
Block a user