diff --git a/wwwroot/css/chat.css b/wwwroot/css/chat.css index ca61051..dafc8c3 100644 --- a/wwwroot/css/chat.css +++ b/wwwroot/css/chat.css @@ -644,6 +644,9 @@ border-radius: var(--border-radius); overflow: hidden; vertical-align: middle; + min-width: 240px; + height: 240px; + background: var(--f1-bg); } .krea-ref:hover { @@ -652,8 +655,8 @@ .krea-thumb { display: block; - max-width: 320px !important; - max-height: 240px; + width: 100%; + height: 100%; object-fit: contain; } diff --git a/wwwroot/js/ui.js b/wwwroot/js/ui.js index 58e825d..83e0192 100644 --- a/wwwroot/js/ui.js +++ b/wwwroot/js/ui.js @@ -79,16 +79,6 @@ function scrollDown() { }); } -function _scrollOnImages(container) { - var imgs = container.querySelectorAll('img'); - for (var i = 0; i < imgs.length; i++) { - if (!imgs[i].complete) { - imgs[i].addEventListener('load', scrollDown); - imgs[i].addEventListener('error', scrollDown); - } - } -} - function esc(s) { const d = document.createElement('div'); d.textContent = s; @@ -244,7 +234,6 @@ function addAssistantBubble(text, timestamp = '', messageId = null, isMarked = f if (messageId) div.dataset.messageId = messageId; div.innerHTML = renderMarkdown(text); wrapKreaGalleries(div); - _scrollOnImages(div); _addReplyButton(div); _addMarkButton(div, messageId, isMarked); chatEl().appendChild(div); @@ -310,7 +299,6 @@ function endStreamBubble() { else { _streamDiv.innerHTML = renderMarkdown(_streamText); wrapKreaGalleries(_streamDiv); - _scrollOnImages(_streamDiv); } } _streamDiv = null;