joakimp/python_test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ändrat på färger i chat-fönstret

Browse Source
This commit is contained in:
Joakim Persson
2024-07-30 16:42:09 +02:00
parent ecf45bd2e7
commit 0b971dffc4
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
smartassist/src/static/css/clientstyle.css
+6 -3
View File
@@ -16,13 +16,16 @@ h1 {
#chatbox { #chatbox {
width: calc(50% - 60px); /* Adjust width for input and button */ width: calc(50% - 60px); /* Adjust width for input and button */
/* max-width: 500px; */ /* max-width: 500px; */
height: 80px; height: 200px;
background-color: #e1dcccb8; /* background-color: #fff8bc; */
background-color: #ffffff;
border-radius: 10px; border-radius: 10px;
padding: 20px; padding: 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1); box-shadow: 0 4px 8px rgba(0,0,0,0.1);
overflow: auto; /* Allow horizontal and vertical scrolling of the chatbox */ overflow: auto; /* Allow horizontal and vertical scrolling of the chatbox */
resize: both; /* Allow resizing vertically */ resize: both; /* Allow resizing vertically */
border: 1px solid #ccc; /* Add a thin grey border around chatbox */
margin-bottom: 20px; /* Add some space between chatbox and userInput */
} }
.message { .message {
@@ -38,7 +41,7 @@ h1 {
.ai-response { .ai-response {
/* background-color: #f0f8ff; */ /* background-color: #f0f8ff; */
background-color: #e1dcccb8; background-color: #f5ecd0;
padding: 10px 15px; padding: 10px 15px;
border-radius: 10px; border-radius: 10px;
text-align: left; /* Align AI responses to the left */ text-align: left; /* Align AI responses to the left */