Layout change of post
This commit is contained in:
parent
9954588913
commit
dd1a419244
1 changed files with 10 additions and 10 deletions
|
@ -29,6 +29,16 @@ export function PostSegment(props: { post: Post }): JSXElement {
|
|||
<div class="card-body md:mx-6">
|
||||
<div class="flex flex-row justify-between">
|
||||
<p class="text-xs">{createdAt()}</p>
|
||||
</div>
|
||||
<Show when={edited()}>
|
||||
<p>This post has been edited</p>
|
||||
</Show>
|
||||
<p class="my-1 text-base">{local.post.content}</p>
|
||||
<div class="card-actions justify-between">
|
||||
<div class="flex">
|
||||
<EngagementButton postId={local.post.id} />
|
||||
<CommentsButton postId={local.post.id} />
|
||||
</div>
|
||||
<details class="dropdown">
|
||||
<summary class="btn btn-sm">...</summary>
|
||||
<ul class="w-26 menu dropdown-content z-[1] rounded-box bg-base-100 p-2 shadow">
|
||||
|
@ -41,16 +51,6 @@ export function PostSegment(props: { post: Post }): JSXElement {
|
|||
</ul>
|
||||
</details>
|
||||
</div>
|
||||
<Show when={edited()}>
|
||||
<p>This post has been edited</p>
|
||||
</Show>
|
||||
<p class="my-1 text-base">{local.post.content}</p>
|
||||
<div class="card-actions justify-between">
|
||||
<div class="flex">
|
||||
<EngagementButton postId={local.post.id} />
|
||||
<CommentsButton postId={local.post.id} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
Loading…
Reference in a new issue