fix(ui): split message header into two rows
Move assistant meta below speaker label and bump speaker label size.
This commit is contained in:
@@ -4,15 +4,28 @@
|
||||
}
|
||||
|
||||
.message-item-header {
|
||||
@apply flex flex-col gap-0.5;
|
||||
}
|
||||
|
||||
.message-item-header-row {
|
||||
@apply w-full;
|
||||
}
|
||||
|
||||
.message-item-header-row--top {
|
||||
@apply flex justify-between items-start gap-2.5;
|
||||
}
|
||||
|
||||
.message-item-header-row--bottom {
|
||||
@apply flex items-start;
|
||||
}
|
||||
|
||||
.message-speaker {
|
||||
@apply flex flex-col gap-0.5 text-xs;
|
||||
}
|
||||
|
||||
.message-speaker-label {
|
||||
font-weight: var(--font-weight-semibold);
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.message-speaker-label[data-role="user"] {
|
||||
|
||||
Reference in New Issue
Block a user