Skip to content

Commit 17628fe

Browse files
committed
style(ai-onboarding): styles for the prompt-overlay image strip
Adds .ai-onboarding-prompt-images thumbnail row styling used by the onboarding review overlay when the iframe sends reference images alongside a userPrompt.
1 parent c383494 commit 17628fe

1 file changed

Lines changed: 42 additions & 0 deletions

File tree

src/styles/Extn-AIChatPanel.less

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -419,6 +419,48 @@
419419
}
420420
}
421421

422+
.ai-onboarding-prompt-images {
423+
display: flex;
424+
flex-wrap: wrap;
425+
gap: 8px;
426+
padding: 8px 12px;
427+
border-top: 1px solid rgba(255, 255, 255, 0.06);
428+
background: @bc-ai-input-bg;
429+
430+
.ai-image-thumb {
431+
position: relative;
432+
433+
img {
434+
display: block;
435+
max-width: 64px;
436+
max-height: 48px;
437+
object-fit: cover;
438+
border-radius: 4px;
439+
border: 1px solid rgba(255, 255, 255, 0.12);
440+
cursor: pointer;
441+
}
442+
443+
.ai-image-remove {
444+
position: absolute;
445+
top: -6px;
446+
right: -6px;
447+
width: 18px;
448+
height: 18px;
449+
border-radius: 50%;
450+
background: rgba(0, 0, 0, 0.7);
451+
border: 1px solid rgba(255, 255, 255, 0.3);
452+
color: #fff;
453+
font-size: 11px;
454+
line-height: 1;
455+
padding: 0;
456+
display: flex;
457+
align-items: center;
458+
justify-content: center;
459+
cursor: pointer;
460+
}
461+
}
462+
}
463+
422464
.ai-onboarding-prompt-actions {
423465
display: flex;
424466
justify-content: flex-end;

0 commit comments

Comments
 (0)