Make chat message an unordered list

This commit is contained in:
Sine Jespersen 2025-08-21 10:50:48 +02:00
parent 02479425a5
commit bb6864dd12
2 changed files with 32 additions and 31 deletions

View file

@ -421,35 +421,36 @@
</div>
</Loader>
{/if}
{#each messages as message, messageIdx (message.id)}
<Message
{chatId}
bind:history
{selectedModels}
messageId={message.id}
idx={messageIdx}
{user}
{setInputText}
{gotoMessage}
{showPreviousMessage}
{showNextMessage}
{updateChat}
{editMessage}
{deleteMessage}
{rateMessage}
{actionMessage}
{saveMessage}
{submitMessage}
{regenerateResponse}
{continueResponse}
{mergeResponses}
{addMessages}
{triggerScroll}
{readOnly}
{topPadding}
/>
{/each}
<ul role="log" aria-live="polite" aria-relevant="additions" aria-atomic="false">
{#each messages as message, messageIdx (message.id)}
<Message
{chatId}
bind:history
{selectedModels}
messageId={message.id}
idx={messageIdx}
{user}
{setInputText}
{gotoMessage}
{showPreviousMessage}
{showNextMessage}
{updateChat}
{editMessage}
{deleteMessage}
{rateMessage}
{actionMessage}
{saveMessage}
{submitMessage}
{regenerateResponse}
{continueResponse}
{mergeResponses}
{addMessages}
{triggerScroll}
{readOnly}
{topPadding}
/>
{/each}
</ul>
</section>
<div class="pb-12" />
{#if bottomPadding}

View file

@ -44,7 +44,7 @@
export let topPadding = false;
</script>
<div
<li
class="flex flex-col justify-between px-5 mb-3 w-full {($settings?.widescreenMode ?? null)
? 'max-w-full'
: 'max-w-5xl'} mx-auto rounded-lg group"
@ -120,4 +120,4 @@
/>
{/if}
{/if}
</div>
</li>