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

Add inline previews for prompt attachments

Browse Source
This commit is contained in:
Shantur Rathore
2025-11-19 18:49:50 +00:00
parent 45dca7a7f0
commit d3ee15dcd7
2 changed files with 53 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
packages/ui/src/styles/messaging/prompt-input.css
View File

@@ -103,6 +103,35 @@
ring-color: var(--attachment-chip-ring);
}
.attachment-chip-image {
position: relative;
}
.attachment-chip-preview {
display: none;
position: absolute;
bottom: calc(100% + 6px);
left: 0;
padding: 8px;
background-color: var(--surface-base);
border: 1px solid var(--border-base);
border-radius: 10px;
box-shadow: 0 16px 40px rgba(15, 23, 42, 0.25);
z-index: 20;
}
.attachment-chip-preview img {
display: block;
max-width: 320px;
max-height: 320px;
border-radius: 8px;
object-fit: contain;
}
.attachment-chip-image:hover .attachment-chip-preview {
display: block;
}
.attachment-remove {
@apply ml-0.5 flex h-4 w-4 items-center justify-center rounded transition-colors;
}