add:enhance comments list with scroll, limit, and styling

- Add maxComments, showCommentForm and isScrollable props to
CommentsList
to limit displayed comments, toggle the form, and enable a scrollable
comments container. Show a "+N more comments" indicator when limited.
- Adjust CommentForm and list styles (padding, background, flex
behavior, responsive heights). Pass currentUserId and new props from
FindPreview and FindCard where applicable.
This commit is contained in:
2025-11-06 12:47:35 +01:00
parent b8c88d7a58
commit 2efd4969e7
5 changed files with 98 additions and 8 deletions

View File

@@ -148,7 +148,13 @@
<!-- Comments Section -->
{#if showComments}
<div class="comments-section">
<CommentsList findId={id} {currentUserId} collapsed={false} />
<CommentsList
findId={id}
{currentUserId}
collapsed={false}
maxComments={5}
showCommentForm={true}
/>
</div>
{/if}
</div>