Style persona chips on assistant messages.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -537,6 +537,58 @@
|
|||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
border-bottom-left-radius: 0.25rem;
|
border-bottom-left-radius: 0.25rem;
|
||||||
background: color-mix(in srgb, currentColor 7%, transparent);
|
background: color-mix(in srgb, currentColor 7%, transparent);
|
||||||
|
border-left: 2px solid color-mix(in srgb, currentColor 18%, transparent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sa-msg.assistant[data-persona="lewd"] {
|
||||||
|
border-left-color: color-mix(in srgb, #c4788a 55%, currentColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sa-msg.assistant[data-persona="aggressive"] {
|
||||||
|
border-left-color: color-mix(in srgb, #c47a4a 55%, currentColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sa-msg.assistant[data-persona="neutral"] {
|
||||||
|
border-left-color: color-mix(in srgb, currentColor 22%, transparent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sa-msg-meta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: baseline;
|
||||||
|
gap: 0.45rem;
|
||||||
|
margin: 0 0 0.35rem;
|
||||||
|
line-height: 1.1;
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sa-persona-mark {
|
||||||
|
font-size: 0.68rem;
|
||||||
|
font-weight: 650;
|
||||||
|
letter-spacing: 0.06em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
opacity: 0.48;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sa-persona-lewd {
|
||||||
|
opacity: 0.58;
|
||||||
|
color: color-mix(in srgb, #c4788a 70%, currentColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sa-persona-aggressive {
|
||||||
|
opacity: 0.58;
|
||||||
|
color: color-mix(in srgb, #c47a4a 70%, currentColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sa-pack-mark {
|
||||||
|
font-size: 0.66rem;
|
||||||
|
opacity: 0.36;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sa-msg-body {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sa-msg.error {
|
.sa-msg.error {
|
||||||
|
|||||||
Reference in New Issue
Block a user