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;
|
||||
border-bottom-left-radius: 0.25rem;
|
||||
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 {
|
||||
|
||||
Reference in New Issue
Block a user