Refactor post action layout in ThreadedPost component

- Updated the layout of post action buttons to align them to the right, improving the visual structure of the component.
- Removed the mentions display section to streamline the interface and focus on action buttons.

These changes enhance the usability and clarity of the ThreadedPost component within the NostrFeed module.
This commit is contained in:
padreug 2025-09-20 12:09:22 +02:00
parent eaf040d4a1
commit dfcb354a5c

View file

@ -190,18 +190,7 @@ function getRideshareType(post: FeedPost): string {
<!-- Post Actions (hidden when collapsed) -->
<div v-if="!isCollapsed" class="mt-2 pt-2 border-t">
<div class="flex items-center justify-between">
<!-- Mentions -->
<div v-if="post.mentions.length > 0" class="flex items-center gap-1 text-xs text-muted-foreground">
<span>Mentions:</span>
<span v-for="mention in post.mentions.slice(0, 2)" :key="mention" class="font-mono">
{{ mention.slice(0, 6) }}...
</span>
<span v-if="post.mentions.length > 2" class="text-muted-foreground">
+{{ post.mentions.length - 2 }} more
</span>
</div>
<div class="flex items-center justify-end">
<!-- Action Buttons -->
<div class="flex items-center gap-0.5">
<Button