arch_agent/neon-chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Portrait abgeschnitten wenn Text danach kommt

Browse Source 
- overflow: hidden → visible (bild wurde abgeschnitten)
- max-width: 400px auf Container statt auf img (sauberere Größenkontrolle)
- border-radius angepasst: 16px oben, 0 unten (Caption darunter)
This commit is contained in:
arch_agent
2026-07-25 12:58:43 +02:00
parent 8860ae83e1
commit d62d6eb3fe
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/avatars/mara.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

templates/chat.html
+8 -6
View File
@@ -83,8 +83,8 @@
{% endif %} {% endif %}
{% for h in history %} {% for h in history %}
{% if '[PORTRAIT]' in h.content %} {% if '[PORTRAIT]' in h.content %}
<div class="msg msg-bot" style="padding: 0; overflow: hidden;"> <div class="msg msg-bot" style="padding: 0; overflow: visible; max-width: 400px;">
<img src="{{ h.content | replace('[PORTRAIT]', '') | replace('[/PORTRAIT]', '') }}?t={{ range(1000, 9999) | random }}" style="width: 100%; max-width: 400px; border-radius: 16px 16px 16px 4px; display: block;"> <img src="{{ h.content | replace('[PORTRAIT]', '') | replace('[/PORTRAIT]', '') }}?t={{ range(1000, 9999) | random }}" style="width: 100%; border-radius: 16px 16px 0 0; display: block;">
<div style="padding: 8px 12px; font-size: 0.8rem; color: var(--muted);">🖼️ Neues Portrait generiert</div> <div style="padding: 8px 12px; font-size: 0.8rem; color: var(--muted);">🖼️ Neues Portrait generiert</div>
</div> </div>
{% else %} {% else %}
@@ -285,9 +285,10 @@
if (portraitMatch) { if (portraitMatch) {
div.className = 'msg msg-bot'; div.className = 'msg msg-bot';
div.style.padding = '0'; div.style.padding = '0';
div.style.overflow = 'hidden'; div.style.overflow = 'visible';
div.style.maxWidth = '400px';
div.innerHTML = ` div.innerHTML = `
<img src="${portraitMatch[1]}?t=${Date.now()}" style="width: 100%; max-width: 400px; border-radius: 16px 16px 16px 4px; display: block;"> <img src="${portraitMatch[1]}?t=${Date.now()}" style="width: 100%; border-radius: 16px 16px 0 0; display: block;">
<div style="padding: 8px 12px; font-size: 0.8rem; color: var(--muted);">🖼️ Neues Portrait generiert</div> <div style="padding: 8px 12px; font-size: 0.8rem; color: var(--muted);">🖼️ Neues Portrait generiert</div>
`; `;
} else { } else {
@@ -360,9 +361,10 @@
const portraitMsg = document.createElement('div'); const portraitMsg = document.createElement('div');
portraitMsg.className = 'msg msg-bot'; portraitMsg.className = 'msg msg-bot';
portraitMsg.style.padding = '0'; portraitMsg.style.padding = '0';
portraitMsg.style.overflow = 'hidden'; portraitMsg.style.overflow = 'visible';
portraitMsg.style.maxWidth = '400px';
portraitMsg.innerHTML = ` portraitMsg.innerHTML = `
<img src="${imgUrl}" style="width: 100%; max-width: 400px; border-radius: 16px 16px 16px 4px; display: block;"> <img src="${imgUrl}" style="width: 100%; border-radius: 16px 16px 0 0; display: block;">
<div style="padding: 8px 12px; font-size: 0.8rem; color: var(--muted);">🖼️ Neues Portrait generiert</div> <div style="padding: 8px 12px; font-size: 0.8rem; color: var(--muted);">🖼️ Neues Portrait generiert</div>
`; `;
chat.appendChild(portraitMsg); chat.appendChild(portraitMsg);