Add image attachment pills

This commit is contained in:
dwrz
2026-07-07 11:40:52 +00:00
parent d1156d9b7c
commit 42fe8bfc5b
4 changed files with 60 additions and 1 deletions

View File

@@ -95,7 +95,7 @@ body {
/* ==================== */
.chat {
flex: 1 1 0;
flex: 1 1 100%;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
@@ -1242,3 +1242,32 @@ body {
.message__placeholder {
color: var(--color-text-muted);
}
/* Image attachment pills in user messages */
.message__image-pills {
display: flex;
flex-wrap: wrap;
gap: var(--s-2);
padding: 0 var(--s-1) var(--s-2);
}
.message__image-pill {
display: flex;
flex: 1 1 100%;
min-width: 0;
align-items: center;
gap: 0.25rem;
padding: 0.125rem 0.375rem;
font-size: var(--s-1);
background: var(--color-gray1);
border-radius: var(--radius);
color: var(--color-text);
}
.message__image-pill-name {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}