move message box style inside component
This commit is contained in:
parent
681d8ecb0b
commit
e6d85c7257
5 changed files with 130 additions and 90 deletions
|
@ -246,7 +246,7 @@
|
|||
|
||||
&:hover {
|
||||
button {
|
||||
|
||||
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
@ -416,88 +416,6 @@
|
|||
background: variables.$bg-color-chat;
|
||||
}
|
||||
|
||||
.app-theme-light & {
|
||||
|
||||
background: #F5F5F5;
|
||||
|
||||
}
|
||||
|
||||
.app-theme-dark & {
|
||||
|
||||
background: #2c2c2c;
|
||||
color: #d5d5d5;
|
||||
|
||||
.message {
|
||||
|
||||
&.user {
|
||||
background: #232432;
|
||||
color: #8b8ecf;
|
||||
}
|
||||
|
||||
&.llm {
|
||||
background: #232432;
|
||||
|
||||
.message-content {
|
||||
color: #8b8ecf;
|
||||
|
||||
}
|
||||
|
||||
.actions {
|
||||
|
||||
.button {
|
||||
background: #0d0e15;
|
||||
color: grey;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.app-theme-funky & {
|
||||
color: #1B1D27;
|
||||
background: #ffe8e8;
|
||||
|
||||
.message {
|
||||
.message-content {
|
||||
color: #fff3f3;
|
||||
}
|
||||
|
||||
&.user {
|
||||
background: #d6a3a3;
|
||||
color: #1B1D27;
|
||||
}
|
||||
|
||||
&.llm {
|
||||
|
||||
background: #9f36bc;
|
||||
color: #bba7d6;
|
||||
|
||||
.actions {
|
||||
|
||||
.button {
|
||||
background: #b08eba;
|
||||
color: #d4b4ff;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.message {
|
||||
|
||||
&.user {
|
||||
background: variables.$neutral-white;
|
||||
}
|
||||
|
||||
&.llm {
|
||||
background: rgba(#3B87CC1A, 10%);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue