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:
parent
eaf040d4a1
commit
dfcb354a5c
1 changed files with 1 additions and 12 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue