|
Markdown images: adaptive 3-column grid, lightbox modal, and broken-image handling
- useMarkdown.js: custom marked renderer wraps images in clickable links with inline onerror for broken-image detection - app.scss: .msg-assistant-content becomes flex-wrap container; image paragraphs sized to 3-per-row via calc((100% - 16px) / 3); images are square via aspect-ratio: 1 / 1 and object-fit: cover - ImageLightbox.vue: rewritten with proper gnexus-ui-kit .modal/.modal-dialog DOM structure; broken images show error placeholder inside modal - AssistantMessage.vue: attachImageLightbox() wired after v-html render - Broken images: .is-broken class prevents lightbox click; CSS shows ๐ผ๏ธ icon Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com> |
|---|
|
|
| webclient/dist/assets/index-BUNeAM8Q.js 0 โ 100644 |
|---|
|
Not supported
|
| webclient/dist/assets/index-BlKt9PLH.css 100644 โ 0 |
|---|
| webclient/dist/assets/index-CY8UuMNT.js 100644 โ 0 |
|---|
|
Not supported
|
| webclient/dist/assets/index-ZNgCP9aW.css 0 โ 100644 |
|---|
| webclient/dist/index.html |
|---|
| webclient/src/components/messages/AssistantMessage.vue |
|---|
| webclient/src/components/ui/ImageLightbox.vue |
|---|
| webclient/src/composables/useMarkdown.js |
|---|
| webclient/src/styles/app.scss |
|---|