salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify message header markup

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-01 22:41:30 +00:00
parent 5f9cf397b9
commit 757c587b17
2 changed files with 65 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/ui/src/styles/messaging/message-base.css
View File

@@ -3,6 +3,38 @@
@apply flex flex-col gap-2 p-3 w-full;
}
.message-item-header {
@apply flex justify-between items-start gap-2.5;
}
.message-speaker {
@apply flex flex-col gap-0.5 text-xs;
}
.message-speaker-label {
font-weight: var(--font-weight-semibold);
}
.message-speaker-label[data-role="user"] {
color: var(--message-user-border);
}
.message-speaker-label[data-role="assistant"] {
color: var(--message-assistant-border);
}
.message-agent-meta {
@apply text-xs text-[var(--message-assistant-border)];
}
.message-item-actions {
@apply flex items-center gap-2;
}
.message-timestamp {
@apply text-[11px] text-[var(--text-muted)];
}
.assistant-message {
/* gap: 0.25rem; */
padding: 0.6rem 0.65rem;