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

fix(ui): render image attachment preview in portal

Browse Source
This commit is contained in:
Shantur Rathore
2026-02-28 00:56:44 +00:00
parent 9a4d378238
commit 482313f662
2 changed files with 109 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -203,6 +203,27 @@
border-top: 1px solid var(--border-base);
}
/* Image attachment preview popover.
Rendered via a Portal to avoid being clipped by the message stream scroller. */
.attachment-image-popover {
position: fixed;
padding: 8px;
background-color: var(--surface-base);
border: 1px solid var(--border-base);
border-radius: 10px;
box-shadow: var(--popover-shadow);
z-index: 1000;
pointer-events: none;
}
.attachment-image-popover img {
display: block;
max-width: 320px;
max-height: 320px;
border-radius: 8px;
object-fit: contain;
}
.message-error {
@apply text-xs mt-1;
color: var(--status-error);