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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user