You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
973 B
33 lines
973 B
<script>
|
|
let theMessage = new GetJson("/api/message/1");
|
|
</script>
|
|
|
|
<block class="!gap-0 border-t-1 border-gray-600"
|
|
x-data="{item: {}}"
|
|
x-init="item = await theMessage.item()">
|
|
|
|
<bar class="!p-0 mb-3">
|
|
<img src="/logo.png" style="width: 50px; height: 50px" class="aspect-square" />
|
|
<block class="justify-between !p-0 !mb-0 !gap-1 *:text-gray-500 *:text-sm">
|
|
<span>Zed A. Shaw</span>
|
|
<span>@ssgod</span>
|
|
</block>
|
|
</bar>
|
|
|
|
<block class="!p-0 gap-2 mb-2">
|
|
<p x-text="item.text"></p>
|
|
</block>
|
|
|
|
<div class="text-sm text-gray-400 mt-2 mb-2">
|
|
<span x-text="item.created_at"></span>
|
|
Likes: <span x-text="item.likes"></span>
|
|
Bookmarks: <span x-text="item.bookmarks"></span>
|
|
</div>
|
|
|
|
<bar class="!p-1 mt-2 bg-gray-400 justify-evenly rounded-full">
|
|
<img src="/icons/reply.svg" />
|
|
<img src="/icons/refresh-cw.svg" />
|
|
<img src="/icons/heart.svg" />
|
|
<img src="/icons/bookmark.svg" />
|
|
</bar>
|
|
</block>
|
|
|