Made the header button show/hide work
This commit is contained in:
parent
48668f7f6e
commit
284e70b841
20 changed files with 585 additions and 588 deletions
27
app/styles/user-ai-messages.css
Normal file
27
app/styles/user-ai-messages.css
Normal file
|
@ -0,0 +1,27 @@
|
|||
.user-message,
|
||||
.ai-message {
|
||||
margin: 10px 0;
|
||||
padding: 10px 15px;
|
||||
border-radius: 15px;
|
||||
max-width: 60%;
|
||||
width: fit-content;
|
||||
word-wrap: break-word;
|
||||
display: block;
|
||||
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.user-message {
|
||||
background-color: var(--user-message-color);
|
||||
color: var(--text-color);
|
||||
border-bottom-right-radius: 0;
|
||||
margin-left: auto;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ai-message {
|
||||
background-color: var(--ai-message-color);
|
||||
color: var(--text-color);
|
||||
border-bottom-left-radius: 0;
|
||||
margin-right: auto;
|
||||
text-align: left;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue