Actually fixing the scrollbar issue and styling the chat scrollbar

This commit is contained in:
Raven Scott 2024-06-09 00:58:14 -04:00
parent d6f14c3062
commit 148f79ed13

View File

@ -61,10 +61,24 @@ main {
#messages-container { #messages-container {
flex: 1; flex: 1;
/* overflow-y: auto; */ overflow-y: auto; /* Allow vertical scrolling */
overflow-x: hidden; /* Hide horizontal scrolling */
width: 100%; width: 100%;
} }
#messages-container::-webkit-scrollbar {
width: 8px; /* Set the width of the scrollbar */
}
#messages-container::-webkit-scrollbar-thumb {
background-color: #b0d944; /* Set the color of the scrollbar thumb */
border-radius: 10px; /* Round the corners of the scrollbar thumb */
}
#messages-container::-webkit-scrollbar-track {
background: #2e2e2e; /* Set the color of the scrollbar track */
}
#message-form { #message-form {
display: flex; display: flex;
margin-top: 1rem; margin-top: 1rem;