padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update collapse behavior and styling in ThreadedPost component

Browse source 
- Modified the collapse state logic to automatically collapse replies if there are more than 2 direct replies, enhancing user experience by reducing clutter.
- Updated the styling of the vertical line connecting nested replies for improved visual consistency.

These changes contribute to a more organized and user-friendly interface within the NostrFeed module.
This commit is contained in:
padreug 2025-09-20 12:16:27 +02:00
parent 26ba27c87a
commit 7c5f75a8ea
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/modules/nostr-feed/components/ThreadedPost.vue
View file

@ -105,7 +105,7 @@ function getRideshareType(post: FeedPost): string {
<!-- Vertical line connecting to parent (for nested replies) --> <!-- Vertical line connecting to parent (for nested replies) -->
<div <div
v-if="depth > 0" v-if="depth > 0"
class="absolute left-0 top-0 bottom-0 w-px bg-border/40" class="absolute left-0 top-0 bottom-0 w-px bg-muted-foreground/60"
:style="{ marginLeft: `${depth * 6 + 3}px` }" :style="{ marginLeft: `${depth * 6 + 3}px` }"
/> />