Imbus/FrostByte
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Layout change of post

Browse source
This commit is contained in:
Hollgy 2024-03-25 14:11:38 +01:00
parent 9954588913
commit dd1a419244
1 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

20
client-solid/src/Components/PostSegment.tsx
View file

@ -29,6 +29,16 @@ export function PostSegment(props: { post: Post }): JSXElement {
<div class="card-body md:mx-6"> <div class="card-body md:mx-6">
<div class="flex flex-row justify-between"> <div class="flex flex-row justify-between">
<p class="text-xs">{createdAt()}</p> <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"> <details class="dropdown">
<summary class="btn btn-sm">...</summary> <summary class="btn btn-sm">...</summary>
<ul class="w-26 menu dropdown-content z-[1] rounded-box bg-base-100 p-2 shadow"> <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> </ul>
</details> </details>
</div> </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>
</div> </div>
); );