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

Update vertical line styling and indentation in ThreadedPost component

Browse source 
- Changed the class for the vertical line connecting nested replies to improve visual consistency.
- Adjusted the margin calculation for better alignment of nested posts, enhancing the overall layout of threaded discussions.

These updates contribute to a more organized and visually appealing interface within the NostrFeed module.
This commit is contained in:
padreug 2025-09-20 12:00:52 +02:00
parent be8c7162b6
commit eaf040d4a1
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -105,8 +105,8 @@ 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-yellow-500/40" class="absolute left-0 top-0 bottom-0 w-px bg-border/40"
:style="{ marginLeft: `${(depth - 1) * 6 + 3}px` }" :style="{ marginLeft: `${depth * 6 + 3}px` }"
/> />
<!-- Post container with indentation --> <!-- Post container with indentation -->