From 7c5f75a8ea5ca536a5014e3724904ba5ff8bd50a Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Sat, 20 Sep 2025 12:16:27 +0200
Subject: [PATCH] Update collapse behavior and styling in ThreadedPost
 component

- 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.
---
 src/modules/nostr-feed/components/ThreadedPost.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/nostr-feed/components/ThreadedPost.vue b/src/modules/nostr-feed/components/ThreadedPost.vue
index 0756816..1b8416f 100644
--- a/src/modules/nostr-feed/components/ThreadedPost.vue
+++ b/src/modules/nostr-feed/components/ThreadedPost.vue
@@ -105,7 +105,7 @@ function getRideshareType(post: FeedPost): string {
     <!-- Vertical line connecting to parent (for nested replies) -->
     <div
       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` }"
     />